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

В Характеристиках товара задана характеристика с типом "HTML (textarea)". В админке она выглядит как текстовое поле, в которое можно вставлять HTML-код. Но в системе очевидно есть визуальный редактор. Можно ли каким-то образом задействовать его для использования с таким типом характеристик?

2 ответа

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

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

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

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

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



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

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

  • 0

    Всем привет!

    Вот простое решение, на примере изменения текстового поля "краткое описание" в поле с визуальным редактором:
    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

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

      Тут

      <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");

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите