tinymce добавление дополнительных тегов ul при загрузке - PullRequest
Новая
       20

tinymce добавление дополнительных тегов ul при загрузке

0 голосов
/ 20 ноября 2018

Вот мой вопрос, простой и понятный. У меня есть поле ввода с этими точными данными: 

<ul>
<li>test</li>
<li>test</li>
</ul>

При загрузке tinymce, если я посмотрел код, который он имеет в своем поле, он показывает это: 

<br>
<ul>
<ul>
<li>test</li>
</ul>
</ul>
<br>
<ul>
<ul>
<li>test</li>
</ul>
</ul>

Итак, как вы можете видеть после загрузки, это добавляет дополнительные теги ul и разрывы к полю.

Теперь вот мой текущий конфиг (обратите внимание, у меня есть последняя версия tinymce 4.8.5, но это также происходит с более старой версией 4.6.5): 

tinyMCE.init({
            mode : "exact",
            elements : "ta_description, ta_restrictions",
            // General options
            forced_root_block : false,
            theme : "modern",
            width : "100%",
            height : "250px",
            menubar: false,
            toolbar1: "undo redo styleselect fontselect fontsizeselect | bold italic forecolor backcolor",
            toolbar2: "code image link table | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent",
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons template paste textcolor colorpicker textpattern moxiemanager"
            ]
        });

Это вызывает проблему, потому что каждый раз, когда я сохраняю, процесс повторяется, и он добавляет еще больше тегов ul. Что похоже на то, почему я отключил вынужденный_блокирование, потому что при сохранении он продолжал добавлять все больше и больше тегов <p>. Теперь я обнаружил, что пометка тегов br как недопустимого элемента предотвращает такое поведение, но они необходимы для переноса строк, я упоминаю об этом, потому что я не уверен, поможет ли это сузить суть проблемы.

Примечание: я не использую WordPress.

Обновление: этот конфиг работал на нас. 

<script defer="defer" type="text/javascript">
        tinyMCE.init({
            mode : "exact",
            elements : "ta_description, ta_restrictions",
            // General options
            forced_root_block : 'div',
            invalid_elements : 'br',
            theme : "modern",
            width : "100%",
            height : "250px",
            menubar: false,
            toolbar1: "undo redo styleselect fontselect fontsizeselect | bold italic forecolor backcolor",
            toolbar2: "code image link table | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent",
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons template paste textcolor colorpicker textpattern moxiemanager"
            ]
        });
    </script>

1 Ответ

0 голосов
/ 20 ноября 2018

Если я загружаю ваш контент в TinyMCE, я не вижу, чтобы он делал все эти дополнительные теги:

http://fiddle.tinymce.com/d4gaab/5

Я подозреваю, что в вашей предварительной / пост-обработке что-то естьсодержимого, когда оно загружается или извлекается из редактора, что вызывает это.

...