TinyMce копира класовете от текущия блоков елемент при натискане на Return

Когато използвам tinyMce в Wordpress, във визуалния редактор, ако въвеждам съдържание в елемент и натискам return, класовете от родителския елемент се копират, бих искал просто да създам нов <p> елемент.

Например, редактирам

<p class="blip blip--gray one-sixth push-huge--top push--bottom">d aasdas d</p>

След това натискам връщане и се добавя следното:

<p class="blip blip--gray one-sixth push-huge--top push--bottom"></p>

където бих искал само да добавя

<p></p>

Имам опция forced_root_block, зададена на p


javascript wordpress jquery tinymce tinymce-4
person Nicola Peluchetti    schedule 23.11.2015    source източник

Отговори (3)


arrow_upward
2
arrow_downward

Това е поведение по подразбиране на tinymce.

Можете да добавите манипулатор на tinymce към вашия редактор, който се задейства от събитието keyup. Тествайки за charCode 13 можете да откриете дали е натиснат ENTER. Ако е така, можете да премахнете класовете от действителния параграф в редактора:

$(tinymce.get('youreditor_id').getNode()).closest('p').removeAttr('class');
person Thariama    schedule 23.11.2015

arrow_upward
2
arrow_downward

Това може да е решението на този проблем:

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  keep_styles: false
});

tinymce - документи за филтриране на съдържание

person cenk    schedule 11.12.2015
comment
Вашето предложение е правилно, но го бях пробвал в Wordpress 4.3.1 и не можах да го накарам да работи - person Nicola Peluchetti; 13.12.2015

arrow_upward
1
arrow_downward

Пълният отговор, базиран на публикацията на @thariama, е

        tinyMCE.editors.content.on('keyup',function(e){
            if ( 13 === e.keyCode ) {
               $(tinyMCE.editors.content.selection.getNode()).closest('p').removeAttr('class');
            }
        });
person Nicola Peluchetti    schedule 23.11.2015