Tinymce - вставить HTML-код

Question

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

<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<br><img alt=$img_title src=$link/img/sadrzaj/$file\>');">Insert Image</a>

Проблема в том, что я не могу использовать кавычки, поэтому я должен использовать alt = Some_value, и кавычки добавляются автоматически. Проблема возникает, когда я ввожу значение с пробелом: alt = Некоторое значение, а затем вводится только «Некоторое», а все, что после пробела игнорируется. Для атрибута src это нормально, потому что он не может содержать пробелы, но для описания изображения это было бы очень полезно. Я могу отформатировать строку и поставить _ вместо пробела, но это не решение.

Любая помощь, пожалуйста?

Answer 1

Добавьте обратную косую черту (\) перед кавычками, которые вы хотите включить.

<a href="javascript:;" 
  onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<br>
  <img alt=\'$img_title\' src=\'$link/img/sadrzaj/$file\' />');">Insert Image</a>

Это позволит вам включить скрипт и кавычки, не нарушая его.

Обратная косая черта просто говорит коду: «Не останавливайтесь здесь, эта цитата не означает конец строки кода. Просто включите это в вывод на дисплей. Спасибо.»

Обратите внимание, что вам придется использовать одинарные кавычки (') вокруг атрибутов IMG.

(Другое дело: в XHTML при самозакрытии тега, например IMG, вы используете косую черту (/), а не обратную косую черту.)

Answer 2

Возможно, было бы лучше сделать ваш код более читабельным (если вам когда-нибудь понадобится вернуться и что-то изменить), вы можете просто сделать вызов onmousedown функцией:

<a href="javascript:;" onmousedown="addImage()">Insert Image</a>

<script type="text/javascript">
function addImage(){
 tinyMCE.execCommand('mceInsertContent',false,'<br>
  <img alt="$img_title" src="$link/img/sadrzaj/$file" />');
}
</script>