Визуальный редактор в характеристике товара

5 ответов

• популярные
• новые

• 1

  Афанасий 4 февраля 2015 01:06 #

  Нашел решение, готов сделать:

  Редактор tinymce_3.5.11 русский

  Кому интересно, не бесплатно прикручу к вам, скайп: seovmig

  Гарантия пожизненая.
  

  

  
  

  
  

  ответить
  • +4

    Leva 8 октября 2015 04:02 #

    Лучше бы написал решение, как привязывать данный редактор, все бы сказали СПАСИБО :)

    ответить
• 0

  Виталий Вакулов 2 мая 2017 13:59 #

  Всем привет!

  Вот простое решение, на примере изменения текстового поля "краткое описание" в поле с визуальным редактором:
  1) Идем /wa-apps/shop/templates/actions/product
  2) Открываем Product.html
  3) Меняем код
  

  <div class="field">
                      <div class="name">[`Summary`]</div>
                      <div class="value"><textarea name="product[summary]" style="height: 37px;" id="s-product-summary">{$product.summary|escape}</textarea>
                          <br /><span class="hint">[`Displayed in product lists.`]</span>
                      </div>
                  </div>

  
  На этот

  <div class="field description">
                      <div class="name">[`Summary`]</div>
                      <div class="value" id="s-product-description">
                          <div class="wa-editor-core-wrapper s-editor-core-wrapper">
                              <ul class="wa-editor-wysiwyg-html-toggle s-wysiwyg-html-toggle">
                                  <li class="selected"><a class="wysiwyg" href="#">[s`WYSIWYG`]</a></li>
                                  <li><a class="html" href="#">HTML</a></li>
                              </ul>
                              <div>
                                  <textarea id="s-product-description-content" name="product[summary]">{$product.summary|escape}</textarea>
                              </div>
                          </div>
                      </div>
                  </div>

  4) Сохраняем файл
  
  Заходим в админку и видим как текстовое поле краткое описание стало с визуальным редактором, да еще и с возможностью переключиться на HTML редактор.

  
  

  

  
  
  

  ответить
  • +1

    Виталий Вакулов 2 мая 2017 14:48 #

    Забыл добавить, а пост уже не редактируется!
    
    Тут
    

    <div class="field description">
                        <div class="name">[`Summary`]</div>
                        <div class="value" id="s-product-description">
                            <div class="wa-editor-core-wrapper s-editor-core-wrapper">
                                <ul class="wa-editor-wysiwyg-html-toggle s-wysiwyg-html-toggle">
                                    <li class="selected"><a class="wysiwyg" href="#">[s`WYSIWYG`]</a></li>
                                    <li><a class="html" href="#">HTML</a></li>
                                </ul>
                                <div>
                                    <textarea id="s-product-description-content" name="product[summary]">{$product.summary|escape}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

    Меняем на

    <div class="field">
                        <div class="name">[`Summary`]</div>
                        <div class="value" >
                            <div class="wa-editor-core-wrapper s-editor-core-wrapper">
                                <ul class="wa-editor-wysiwyg-html-toggle s-wysiwyg-html-toggle">
                                    <li class="selected"><a class="wysiwyg" href="#">[s`WYSIWYG`]</a></li>
                                    <li><a class="html" href="#">HTML</a></li>
                                </ul>
                                <div>
                                    <textarea id="s-product-summary-content" name="product[summary]">{$product.summary|escape}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

    Еще пункт 5:
    

    В файле
    

    /wa-apps/shop/js/product/product.min.js
    

    а) меняем строчку

    a("#s-product-description-content").length && a("#s-product-description-content").waEditor("sync");

    на
    

    a("#s-product-description-content, #s-product-summary-content").length && a("#s-product-description-content, #s-product-summary-content").waEditor("sync");

    б) меняем строчки (в 2-х местах)

     var b = a("#s-product-description-content");

    на
    

    var b = a("#s-product-description-content, #s-product-summary-content");

    ответить
• 1

  IndectedGrachik 29 апреля 2020 21:20 #

  я ckeditor плагином прикрутил, кому интересно пишите

  ответить