3

ユーザーがメモを作成できるように、tinyMCE エディターを Web アプリに正常に追加しました。div 内に置き換えられる te​​xtarea があるので、div はページに合わせてサイズ変更でき、textarea は常に幅: 100% と高さ: 100% に設定できます。

私の tinyMCE.init は次のようになります。

tinyMCE.init({
  mode: "specific_textareas",
  editor_selector: "notes-editor",
  theme: "advanced",
  plugins: "",
  theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,bullist,numlist,|,undo,redo,|,forecolor,backcolor",
  theme_advanced_toolbar_location: "top",
  theme_advanced_toolbar_align: "left",
  theme_advanced_statusbar_location: "none",
  theme_advanced_resizing: false,
  height: "100%",
  width: "100%"
});

残念ながら、これは次のようなエディターを返します。 ここに画像の説明を入力

高さをどのように変更しても、それが CSS であろうと JS であろうと、編集できる場所の「ストリップ」は決して変わりません。奇妙なことに、これは高さにのみ適用されます。

note_contents_tblテーブル（つまり）をiframe（つまり）に変更しようとすることからすべてを行いましnote_contents_ifrたが、何もしませんでした。

どんな助けでも大歓迎です。

4

2 に答える 2

2

高さと幅を100％に設定しても機能しません。TinyMCEはiframe内にエディターを作成し、iframeはテーブル内にネストされます。高さを100％に設定しても、divのサイズは継承されません。

これがあなたの問題である可能性があると思います。本当にこれが問題である場合は、widthandのheight値を正確に%数値に変更し、ラッパーdivまたは必要なものを変更して、使用から削除する必要があります。widthheight%init

height: "300",
width: "500"

プログラムでサイズを変更するには、次を使用できます

var ed = tinymce.activeEditor;
var width = '500';
var height = '300';
ed.theme.resizeTo(width, height);

tinyMCE構成とSOに関する別の回答。

于 2012-07-08T17:28:31.260 に答える