[Boutique] Accueil > présentation : édition texte avancée (Wysiwyg)

backend/views/producer/update.php

@@ -100,9 +100,20 @@ $this->addBreadcrumb($this->getTitle());
                     <h4>Général</h4>
                     <?= $form->field($model, 'name') ?>
                     <?= $form->field($model, 'type') ?>
-                    <?= $form->field($model, 'description')
+                    <?php /*$form->field($model, 'description')
                         ->textarea(['rows' => 4])
-                        ->hint('Affiché sur la page d\'accueil') ?>
+                        ->hint('Affiché sur la page d\'accueil')*/ ?>
+
+                    <?= $form->field($model, 'description')->widget(letyii\tinymce\Tinymce::class, [
+                        'options' => [
+                            'id' => 'testid',
+                        ],
+                        'configs' => [ // Read more: https://www.tiny.cloud/docs/tinymce/6/full-featured-open-source-demo/
+                            //'plugins' => 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount help charmap quickbars emoticons accordion' ,
+                            'plugins' => 'preview searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link lists wordcount help' ,
+                        ]
+                    ])->hint('Affiché sur la page d\'accueil') ; ?>
+
                     <?= $form->field($model, 'address')
                         ->textarea(['rows' => 4]) ?>
                     <?= $form->field($model, 'postcode') ?>

producer/views/site/index.php

@@ -61,7 +61,7 @@ $this->setPageTitle(Html::encode($producer->type . ' à ' . $producer->city));
 <section id="presentation">
     <?php if (strlen($producer->description)): ?>
         <div class="description">
-            <?= nl2br(Html::encode($producer->description)); ?>
+            <?= $producer->description; ?>
         </div>
     <?php endif; ?>
     <div class="clr"></div>

producer/web/css/screen.css

@@ -600,21 +600,34 @@ termes.
   width: 100%;
   max-width: 500px;
 }
-/* line 55, ../sass/site/_index.scss */
+/* line 54, ../sass/site/_index.scss */
+.site-index #presentation .description strong {
+  font-weight: bold;
+}
+/* line 58, ../sass/site/_index.scss */
+.site-index #presentation .description em {
+  font-style: italic;
+}
+/* line 62, ../sass/site/_index.scss */
+.site-index #presentation .description a {
+  color: black;
+  text-decoration: underline;
+}
+/* line 70, ../sass/site/_index.scss */
 .site-index #points-sale .name {
   color: #333;
 }
-/* line 57, ../sass/site/_index.scss */
+/* line 72, ../sass/site/_index.scss */
 .site-index #points-sale .name .the-name {
   font-family: "capsuularegular";
   font-size: 20px;
   color: black;
 }
-/* line 67, ../sass/site/_index.scss */
+/* line 82, ../sass/site/_index.scss */
 .site-index #points-sale .days small {
   color: gray;
 }
-/* line 76, ../sass/site/_index.scss */
+/* line 91, ../sass/site/_index.scss */
 .site-index #products h4 {
   font-family: "highvoltageregular";
   font-size: 22px;
@@ -622,20 +635,20 @@ termes.
   padding-top: 13px;
   text-transform: uppercase !important;
 }
-/* line 84, ../sass/site/_index.scss */
+/* line 99, ../sass/site/_index.scss */
 .site-index #products td.photo {
   width: 100px;
 }
-/* line 86, ../sass/site/_index.scss */
+/* line 101, ../sass/site/_index.scss */
 .site-index #products td.photo img.photo-product {
   width: 120px;
   height: auto;
 }
-/* line 92, ../sass/site/_index.scss */
+/* line 107, ../sass/site/_index.scss */
 .site-index #products .name {
   color: #333;
 }
-/* line 94, ../sass/site/_index.scss */
+/* line 109, ../sass/site/_index.scss */
 .site-index #products .name .the-name {
   font-family: "capsuularegular";
   font-size: 20px;

producer/web/sass/site/_index.scss

@@ -48,7 +48,22 @@ termes.
                 width: 100% ; 
                 max-width: 500px ;
             }
-        }    
+        }
+
+        .description {
+            strong {
+                font-weight: bold;
+            }
+
+            em {
+                font-style: italic;
+            }
+
+            a {
+                color: black;
+                text-decoration: underline;
+            }
+        }
     }
     
     #points-sale {