Как подружить TinyMCE и PHP-код?

Question

[Виктор]

Всем привет.
Использую TinyMCE и есть необходимость вводить в редакторе PHP-код (в режиме исходного кода). Дело в том, что после переключения в визуальный режим и обратно, теги экранируются (что-то вроде <--? ?-->). Можно ли как-то это обойти? В идеале - если бы в визуальном режиме код заменялся на иконку какую-нибудь. Пробовал настройку protect.
Здесь нашёл что-то похожее, но обсуждение старое и все ссылки битые.

Answer 1

[Антон Шаманов]

tinymce.com/wiki.php/Configuration:protect

Comments

[Виктор]

"Пробовал настройку protect"

[Антон Шаманов]

v_decadence: не заметил ( Попробуй этот плагин avoid.org/codemirror-for-tinymce4

[Виктор]

Спасибо, но он то же самое делает :( На этой странице есть демка, попробовал. В комментариях есть:

"When I type PHP code it is translated to:
This is not correct."

[Антон Шаманов]

v_decadence: хм..странно помню точно видел рабочий плагин с codemirror... в общем тогда качай dev версию и поправь исходный код модуля plugins\code\plugin.js (переименуй его потом в plugin.min.js)

editor.focus();
// Добавлено
e.data.code.replace('<?', '<?');
e.data.code.replace('?>', '?>');

editor.undoManager.transact(function() {
editor.setContent(e.data.code);
});

[Антон Шаманов]

e.data.code.replace('<?', '&lt;?');
e.data.code.replace('?>', '?&gt;');

[Виктор]

Нужно после этих строк вставлять?

function showSourceEditor() {
// Insert caret marker
editor.focus();

Но я не понимаю, что за переменная e? Там в контексте нет такого.

[Антон Шаманов]

v_decadence:

onSubmit: function(e) {
	// We get a lovely "Wrong document" error in IE 11 if we
	// don't move the focus to the editor before creating an undo
	// transation since it tries to make a bookmark for the current selection
	editor.focus();

	e.data.code.replace('<?', '&lt;?');
	e.data.code.replace('?>', '?&gt;');
	
	editor.undoManager.transact(function() {
		editor.setContent(e.data.code);
	});

	editor.selection.setCursorLocation();
	editor.nodeChanged();
}

[Виктор]

Спасибо за помощь, но почему-то не получается по-нормальному.
Может есть какая-то альтернатива TinyMCE, где для этого не нужно плясать с бубном?)

[Антон Шаманов]

v_decadence: есть js редакторы кода ace/codemirror или можешь попробовать аналог tynymce - elRTE

[Виктор]

Спасибо. А ещё такой вопрос - есть ли у TinyMCE 4 опция, чтобы переносы строк, созданные в режиме исходного кода, оставались на месте, а то при переключении в визуальный режим и обратно он их убирает и делает всё в одну строку.

[Евгений Калибров]

Виктор: смогли разобраться с проблемой сохранения переносов строк?

[Виктор]

rework Нет. Я пришёл к выводу, что если нужен PHP код, то TinyMCE лучше не касаться, очень уж он часто выпиливает нужные теги.

Answer 2

[Макс]

tinymce.init({ 
    selector:'#editors',
    language: 'ru',
    theme: 'modern',
  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 imagetools codesample toc help'
  ],
  toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code ',
  toolbar2: 'print preview media | forecolor backcolor emoticons | codesample help',
  image_advtab: true,
  protect: [
    /<\?php.*?\?>/g,  // Protect php code
    /<\?.*?\?>/g,  // Protect php code
  ]

В Протект добавил строки. Искал на эту тему и все не то, на шел в оф. документации:
https://www.tinymce.com/docs/configure/content-fil...

Comments

[Макс]

<textarea><?=htmlspecialchars($results['text'])?></textarea>

Так же в текст арию вставляю через htmlspecialchars()