コード構文KeystoneJSの強調表示TinyMCEエディタ

Question

"codesample" TinyMCE pluginをインストールして、Keystone.jsでコードシンタックスハイライトを有効にしようとしています。 keystone.jsファイルのkeystone.initセクションに次の行を追加しましたper the documentation。ただし、構文強調表示を有効にするための特別なボタンは表示されません。

'wysiwyg additional plugins': 'codesample', 
'wysiwyg additional options': { 
     external_plugins: { 
      'codesample':'/js/tinymce/plugin.min.js' 
     } 

プラグインのドキュメントには、プラグインの一部としてコードハイライトボタンが含まれていると記載されています。ボタンが表示されないので、次の行を追加することによって強制的に表示しようとしました。

'wysiwyg additional buttons': 'codesample', 

エラーはコンソールに表示されません。 KeystoneJSを使ってコードの構文を強調表示する方法については、私が助けていただきたいと思います。

Answer 1

あなたは、プラグインはTinyMCEはあなたのkeystone.init機能でこれを入れて作業に含まれ得ることができます：

'wysiwyg additional plugins': 'codesample', 
'wysiwyg additional buttons': 'codesample', 

をしかし、私はこれをしなかったとき、それが働いて得たものの、コードサンプルを作成することができますように、それが見えましたあなたが&をリメイクしない限り、それらを編集することはできません。私はkeystone（majorVersion： "4"、minorVersion： "4.3"）に含まれているTinyMCEのバージョンを新しいものに置き換えようとしました。これは5.2以降でこの問題を修正したと言われています。

'wysiwyg additional options': { 
     skin : 'lightgray', 
     menubar : 'file edit format view insert', 
     relative_urls: false, 
     content_css: '/assets/css/styles.min.css', 
     visualblocks_default_state: true, 
     external_plugins: { 
      'tinyvision':'/assets/plugins/tinyvision/build/plugin.min.js' 
     }, 
     tinyvision: { 
      source: '/api/images' 
     } 
} 

参考：https://github.com/keystonejs/keystone/issues/1549

少しあまり有用で参照：http://keystonejs.com/docs/configuration/#options-ui