TinyMce: настройка новых линий

Question

Есть ли способ разместить один span внутри p тег (корень элемента крошечного mce)? Я имею в виду каждая новая линия должна быть

<p><span></span></p> 

Любая идея, чтобы достичь этого?

Мои обходные пути это ..

1. Я проверил forced_root_block: 'p,span' но оно не сработало.
2. В каждом нажатии клавиши я попытался заменить <p> with <p><span> and </p> with </span></p>, но это не отражается в редакторе, и я уверен, что логика замены работает отлично, потому что я печатаю на консоли, которая показывает ожидаемый результат (<p><span>{{my input}}</span></p>).

Answer 1

Да, используйте эту директиву внутри tinymce.init({});

setup: function(editor) { 
    editor.on('PostProcess', function(ed) { 
     ed.content = ed.content.replace(/(<p>)/gi,'<p><span>').replace(/(<\/p>)/gi,'<\/span><\/p>'); 
    }); 
} 

Это автоматически заменит все теги <p></p> с <p><span></span></p>

Look: Я использую событие постобработки http://www.tinymce.com/wiki.php/api4:event.tinymce.Editor.PostProcess

С небольшим количеством воображения вы можете настроить это событие немного больше. Здесь вы можете увидеть полный рабочий пример: http://jsfiddle.net/csedoardo/bbfg7x3z/

Answer 2

достигнет ли это того, что вы ищете?

tinymce.init({ 
    selector: 'textarea', 
    forced_root_block: 'span', 
    force_p_newlines: true 
});