☰

tinyMCE のサイズを自動変更するには? 質問する

tag-icon • tag-icon javascript html resize tinymce autoresize
tinyMCE のサイズを自動変更するには? 質問する

TextArea 上に設定された TinyMCE があり、このエディター領域が常にその親 div のすべてのスペースを占めるようにしたいと考えています。

現在のスペースを取得して textarea.style.height を設定する JS 関数がありますが、TinyMCE を有効にすると動作しなくなるようです。

また、テキストエリアの幅は 100% です。TinyMCE を使用している場合でも、HTML レンダリングによってサイズが変更されません。

何か案は？

ベストアンサー1

最近では、自動サイズ変更プラグインtinyMCE に付属しています。tinyMCE を次のように呼び出す必要があります (jQuery バージョン):

$('.tinymce').tinymce({
  theme : 'advanced',
  plugins : 'autoresize',
  width: '100%',
  height: 400,
  autoresize_min_height: 400,
  autoresize_max_height: 800,
});

経験上、init_instance_callback初期化時に正しい高さを提供するには、 でサイズ変更を手動で呼び出すと役立つ場合があります。必要な場合は、渡されたオプションに次のパラメータを追加します。

init_instance_callback: function (inst) { inst.execCommand('mceAutoResize'); }

おすすめ記事