JSPで行こう！

TinyMCEのプラグイン追加

文章を書いていると、ふと何か足りない事に気づきます。

これらは、TinyMCE のプラグインになっており、明示しないとツールバーに出てきません。
ネットを検索すると、WordPress に関する記事が多く、要領を得ないものが多いのですが、
結局やる事は、追加したいプラグインの名前が判れば、

/tinymce/plugins

配下のディレクトリにあるプラグインの存在を確認し、

  1. plugins/プラグイン名/plugin.min.js の読み込み
  2. tinymce.init() 内で、plugins: でプラグイン名追加
  3. toolbar: に必要なボタン名を追加

で行えます。
以下は、現在入れているプラグインとその設定内容です。

html

<head>
   ：
<script src="js/tinymce/tinymce.min.js"></script>
<script src="js/tinymce/plugins/table/plugin.min.js"></script>
<script src="js/tinymce/plugins/code/plugin.min.js"></script>
<script src="js/tinymce/plugins/textcolor/plugin.min.js"></script>
<script src="js/tinymce/plugins/image/plugin.min.js"></script>
<script src="js/tinymce/plugins/link/plugin.min.js"></script>
<script src="js/tinymce/plugins/lists/plugin.min.js"></script>
<script src="js/tinymce/plugins/codesample/plugin.js"></script>
   ：
</head>

JavaScript

tinymce.init({
   ：
  plugins: "table link code textcolor image lists codesample",
  toolbar: "undo redo | styleselect fontsizeselect codesample| bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify outdent indent bullist numlist | link | image",
  fontsize_formats: "10px 12px 14px 16px 24px",
   ：
});
« 前頁 次頁 »