set tinyMCEを使ったテキストエリアの内容

Question

私はいくつかのテキストエリアを持っていて、それらのすべてがtinyMCEである。

特定のテキストエリアの内容を設定したいと思いますが、どのように見つけることができません。

私はこのしようと試みてきた

：ここ

tinyMCE.get('title').setContent(selected_article_title); 

は私のテキストエリアです：

<textarea style="width: 95%;" name="Title" id="title"></textarea> 

そして、ここに私のTinyMCEの初期化：

tinyMCE.init({ 
// General options 
mode : "specific_textareas", 
theme : "advanced", 
width: "100%", 
plugins : "pagebreak,paste,fullscreen,visualchars", 

// Theme options 
theme_advanced_buttons1 : "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword", 
theme_advanced_buttons2 :"", 
theme_advanced_buttons3 :"", 
theme_advanced_buttons4 :"", 
theme_advanced_toolbar_location : "top", 
theme_advanced_toolbar_align : "left", 
theme_advanced_statusbar_location : "bottom", 
valid_elements : "i,sub,sup", 
invalid_elements : "p, script", 
editor_deselector : "mceOthers" 
}); 

これがない理由を私は知らないが働いて、私は小さなMCEウェブサイトからの例を使用していますhttp://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.setContent

Answer 1

私はTinyMCEのを使用してテキストエリアの内容を設定するには（私にいくつかの要素を与えるThariamaにthans）

をソリューションを持って、我々は、TinyMCEを初期化する前にテキストエリアに記入しheve。また、次のように応答は次のとおりです。

1. は、テキストエリアを作成します：TinyMCEの初期

   $('#title').html(selected_article_title); 
   

2. ：

   tinyMCE.init({ 
   // General options 
   mode : "specific_textareas", 
   theme : "advanced", 
   width: "100%", 
   plugins : "pagebreak,paste,fullscreen,visualchars", 
   
   // Theme options 
   theme_advanced_buttons1 : "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword", 
   theme_advanced_buttons2 :"", 
   theme_advanced_buttons3 :"", 
   theme_advanced_buttons4 :"", 
   theme_advanced_toolbar_location : "top", 
   theme_advanced_toolbar_align : "left", 
   theme_advanced_statusbar_location : "bottom", 
   valid_elements : "i,sub,sup", 
   invalid_elements : "p, script", 
   editor_deselector : "mceOthers" 
   }); 
   

   テキストエリアの内容を設定し

   <textarea style="width: 95%;" name="Title" id="title"></textarea> 
   

これで完了です！楽しい。 TinyMCEのバージョン4の場合

Answer 2

この

tinyMCE.get('title').setContent(selected_article_title); 

を使用すると、動作しません。エディタの内容を設定します。あなたは、あなたのエディタがテキストエリアとして同じではないことに注意する必要があり

$('#title').html(selected_article_title); 

を使用して直接設定する必要がありますエディタのソースhtml要素（テキストエリア）を設定するには

！

Answer 3

、うまく

tinymce.get('title').setContent(selected_article_title); 

作品 - また、エディタを初期化した後。

Answer 4

msoタグ（たとえば、番号付きリストを含むoutlook2013から生成されたhtmlコンテンツ）を含むコンテンツを設定すると、リスト要素が失われます。 tinymce.activeEditor.setContent（foo）またはを最初に設定してテキスト領域の内容を設定してから、を初期化すると同じ結果が得られ、リスト要素が正しく表示されず、左揃えになります。しかし、setContent(foo, { format:'raw' })を使用して設定すると、リスト要素が正しく表示されます。どうして？

Answer 5

私は、これはそれがTinyMCEをvについて正常に動作し、あなたの問題

を解決すると思う：4。 。

// Sets the HTML contents of the activeEditor editor 
tinyMCE.activeEditor.setContent('<span>some</span> html'); 

// Sets the raw contents of the activeEditor editor 
tinyMCE.activeEditor.setContent('<span>some</span> html', {format : 'raw'}); 

// Sets the content of a specific editor (my_editor in this example) 
tinyMCE.get('my_editor').setContent(data); 

// Sets the bbcode contents of the activeEditor editor if the bbcode plugin was added 
tinyMCE.activeEditor.setContent('[b]some[/b] html', {format : 'bbcode'}); 

コードへのリンクはTinyMCEをバージョン4とTinyMCE setContent

Answer 6

以下の作品であり、それがドラッグされている間テキストエリアなどのエディタが表示されません。

function initializeEditors() { 
    var editorContent = {}; 
    $("#photo-list").sortable({ 
     start: function (e, ui) { 
      $('.attachment-info').each(function() { 
       var id = $(this).attr('id'); 
       editorContent[id] = tinyMCE.get(id).getContent(); 
      }); 
     }, 
     stop: function (e, ui) { 
      $('.attachment-info').each(function() { 
       var id = $(this).attr('id'); 
       tinymce.execCommand('mceRemoveEditor', false, id); 
       tinymce.execCommand('mceAddEditor', true, id); 
       tinyMCE.get(id).setContent(editorContent[id]); 
      }); 
     } 
    }); 
} 

Answer 7

$('#title').html(selected_article_title); 

selected_article_titleにhtmlタグが含まれていないことを確認してください。