vue tinymce editor

vue-tinymce-editor

이 구성 요소는 VUE 개발자에게 Tinymce를 쉽게 사용할 수 있습니다.

데모

이 페이지에서 데모와 예제를 볼 수 있습니다 : 데모 & 예제

설립

$ 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
Toolbar1	끈	'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat'	Tinymce의 도구 모음 1
Toolbar2	끈	'' ''	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의 플러그인을로드해야합니다
기타 _options	정렬	{}	다른 tinymce 옵션. 초기 옵션을 무시할 수도 있습니다
준비 적	부울	거짓	편집기를 활성화하거나 비활성화합니다

이벤트

이벤트	매개 변수	설명
편집자	이벤트	이 행사는 Tinymce가 Onchane을 호출 할 때 호출됩니다
편집자	편집자	이 이벤트는 편집기가 초기화 된 후에 호출됩니다

현지화

다른 언어로 tinymce를 사용하려면 다음을 수행하십시오.

1. 여기에서 사용하려는 언어 팩을 다운로드하십시오.
2. 언어 파일을 원하는 경로로 풀고 외부에서 액세스 할 수 있으며 URL을 가리키는 URL이 있습니다.
3. 마지막으로 언어 파일을 가리키는 URL로 Other_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 편집기에 직접 액세스하십시오

이 구성 요소에 참조를 설정하여 Tinymce 자체에 액세스 할 수 있습니다.

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

그런 다음 다음에 편집자에 액세스 할 수 있습니다.

 this . $refs . tm . editor 

기부

이 프로젝트가 마음에 들고 유용했다면 죽지 않게하십시오. 계속하도록 도와주세요. 감사합니다. 아니면 나에게 커피를 살 수 있습니다