web-dev-qa-db-ja.com

TinyMCEのコンテンツを動的に置き換える方法は？

TinyMCEエディターですべての{baseurl}キーワードを適切なURLに置き換えたい。どうやってやるの？

たとえば、ユーザーがHTMLをエディター<img src="{baseurl}/image.jpg" />に追加する場合、この画像をTinyMCEエディターで表示したいので、これを<img src="http://mydomain.com /image.jpg" />に置き換えます。

何か案は？

javascripthtmltinymce
26
Peter

エディターのコンテンツを置き換えるコードは次のとおりです。ただし、このアクションは正しいタイミングで行う必要があります。

var editor = tinymce.get('my_editor_id'); // use your own editor id here - equals the id of your textarea
var content = editor.getContent();
content = content.replace(/{\$baseurl}/g, 'http://mydomain.com');
editor.setContent(content);
50
Thariama

このソリューションを使用すると、コンテンツ全体を置き換えることなく、コンテンツをオンザフライで変更できました。

tinymce.init({
   setup: (editor)=>{
      editor.on('init', ()=>{
         $(editor.contentDocument).find('a').prop('title', 'my new title');
      });
   }
});

多分それは誰かを助ける:)

1
jaheraho

私は非常に単純なコードを使用してうまく機能しました

tinymce.get("page-content").setContent(''); // 'page-content' as the textarea id
tinymce.get("page-content").execCommand('mceInsertContent', !1, 'New content data');
0
Abdo-Host