2017-02-27 8 views
0

tinymceで新しいdivをいくつかのスタイルプロパティに追加するカスタムボタンを作成しました。また、divまたは選択したノードの既存のスタイルプロパティを取得します。 新しいdivを挿入するためにtinymce.executeCommand()を使用しました。 javascriptを使ってすべての属性を設定した後、既存のdivスタイルを変更するためにtinymce.save()メソッドを呼び出しました。 しかし、tinymce.getContent()メソッドを使用してtinymceのコンテンツを取得すると、更新されたコンテンツではなく以前のコンテンツが返されます。ここでスタイル属性が更新されていません

コードである - plugin.js

editor.addButton ('divstyles', { 
    title: 'Paragraph Styles', 
    image: icon, 
    onclick: function() { 
     // Open window 
     editor.windowManager.open({ 
      title: "Paragraph Styles (div)", 
      id: 'paragraphStyleDiv', 
      url: path, 
      width: 443, 
      buttons: [{ 
       text: 'Apply', 
       onclick: 'submit' 
      }, { 
       text: 'Cancel', 
       onclick: 'close' 
      }], 
      onsubmit: function(ed, e) { 

      var currentNode, newDiv, data, styles, node, isIgnoredTagAvailable = false, 
       ancestorNode; 

       node = tinyMCE.activeEditor.selection.getNode(); 
       setStylesProperty(node); 
       tinyMCE.activeEditor.save(); 

      } 
      tinymce.activeEditor.windowManager.close(); 
     } 
    }); 
} 

})。

誰でも私を助けることができます。私はそれをgoogledしかし、任意の解決策を見つけることはありません。 ありがとうございます。

答えて

0

こんにちは約setstylesProperty機能このコードを共有できますか? あなたはeditor.dom.setStyleの機能を使用していますか?

+0

実際、私はsetStylesPropertyで解決策を得ました。以前はスタイルプロパティを設定しています。** node.style。 **。 これ以降、 - ** node.dataset.mceStyle = node.getAttribute( 'style')を使用して** これは私の問題を解決します。とにかくありがとうございます。 :) –

+0

Ok Nitika良い。 tinyMceの開発者は小さなコアであらかじめ定義された関数を使用しようとします。 例**エディタでは、ドーム。 setStyle **は、** style **と** data-mce-style **の両方の属性を変更するため、問題を解決します。 –

+0

はい、私もあなたの解決策を試していました、そして、私のためにうまく働いて、ありがとうございました@ m.kerkeni :) –

関連する問題