vue tinymce editor

Vue-Tinymce-Editor

これはコンポーネントをVUE開発者に簡単に使用できるようにします

デモ

このページでデモと例を見ることができます：デモと例

Instalation

$ npm install vue-tinymce-editor

使い方

 import Vue from 'vue'
import tinymce from 'vue-tinymce-editor'
Vue . component ( 'tinymce' , tinymce )

マークアップでコンポーネントを使用できます

 < tinymce id =" d1 " v-model =" data " > </ tinymce > 

 export default {
    data ( ) {
        return {
            data : ''
        } ;
    }
} 

プロパティ

財産	タイプ	デフォルト	説明
id	必須、文字列		コンポーネントのTextareaのID
ツールバー1	弦	'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat'	Tinymceのツールバー1
ツールバー2	弦	''	Tinymceのツールバー2
プラグイン	配列	['advlist autolink lists link image charmap print preview hr anchor pagebreak', 'searchreplace wordcount visualblocks visualchars code fullscreen', 'insertdatetime media nonbreaking save table contextmenu directionality','template paste textcolor colorpicker textpattern imagetools toc help emoticons hr codesample']	ロードする必要があるTinymceのプラグイン
other_options	配列	{}	その他のTINYMCEオプション。また、最初のオプションをオーバーライドすることもできます
読みます	ブール	間違い	編集者を有効または無効にします

イベント

イベント	パラメーター	説明
EditorChange	イベント	このイベントは、TinymceがOnchaneを呼び出すときに呼び出されます
EditorInit	エディタ	このイベントは、エディターが初期化された後に呼び出されます

ローカリゼーション

他の言語でTinymceを使用したい場合は、次の手順に従ってください。

1. ここから使用する言語パックをダウンロードしてください。
2. 言語ファイルを希望のパスに開梱します。これは、外部からアクセス可能で、URLが指し示しています。
3. 最後に、言語ファイルを指すURLに他の_optionsでLanguage_urlを設定します。

例えば：

 export default {
    data ( ) {
        return {
            data : '' ,
            options : {
                language_url : 'http://example.com/js/langs/fa_IR.js' //This url points to location of persian language file.
            }
        } ;
    }
} 

 < tinymce id =" d1 " v-model =" data " :other_options =" options " > </ tinymce > 

Tinymceエディターへの直接アクセス

このコンポーネントにREFを設定することにより、TINYMCE自体にアクセスできます。

 < tinymce id =" d1 " v-model =" data " ref =" tm " > </ tinymce >

次に、次のように電話してエディターにアクセスできます。

 this . $refs . tm . editor 

寄付する

あなたがこのプロジェクトが好きで、それがあなたにとって有用であったなら、それを死なせないでください。私がそれを続けるのを手伝ってください。ありがとう。または、私にコーヒーを買うことができます