鍓嶈█鏍″鍩硅杩庢潵瑁佸憳娼€傛暀鑲茶涓氱殑鏈嬪弸浠紝浣犱滑濂藉悧锛熶笉杩囪瘽璇村洖鏉ワ紝韬墜杩囩‖鐨勪綘锛屾棤璁哄湪鍝兘鏄渶婕備寒鐨勭敺瀛╁瓙銆備粖澶╃粰澶у琛ュ厖涓€鐐瑰脊鑽紝濡備綍鍦ㄥ瘜鏂囨湰涓彃鍏ヨ〃鎯呫€亀ord鏂囨。銆佹暟瀛﹀叕寮忋€備负浠€涔圱inyMCE鐢ㄧ殑鏄櫨搴︾殑vue-ueditor-wrap锛屾嵁璇翠笉浼氭洿鏂颁簡锛岃繕鐢ㄤ簡vue-quill-editor锛岃交閲忕骇浣嗘墿灞曟€т笉寮恒€備竴鐩翠互涓烘病鏈夊ソ鐪嬪張鍔熻兘寮哄ぇ鐨勫瘜鏂囨湰锛岀洿鍒伴亣鍒颁簡銆倀inymce锛屽彿绉板畤瀹欑涓€瀵屾枃鏈紪杈戝櫒锛岀敤瀹樻柟鐨勮瘽璇达紝TinyMCE鏄笘鐣屼笂鏈€鍙畾鍒躲€佸彲鎵╁睍銆佹渶鐏垫椿鐨勫瘜鏂囨湰缂栬緫鍣ㄣ€傚畠鏀寔Vue銆丷eact銆丄ngular杩欎笁绉嶆渶娴佽鐨勬鏋躲€傚熀纭€缁勪欢涓板瘜锛岄厤缃畝鍗曘€備娇鐢ㄤ粯璐规彃浠跺拰鍔熻兘纭繚鎸佺画缁存姢鍜屽垱鏂般€備簨瀹炰笂锛屽厤璐圭殑灏辫冻澶熶簡銆傜晫闈㈢畝娲佺編瑙傦紝绗﹀悎鐜颁唬瀹＄編銆傛敮鎸佺Щ鍔ㄧ銆俆inyMCEMobile鏄敮涓€鍙互鍦ㄤ粠word绮樿创鏃朵繚鎸佸ぇ澶氭暟鏍煎紡鐨勭紪杈戝櫒銆傛彃鍏ヨ〃鎯咃紝鎻掑叆word鏂囨。锛屾彃鍏ユ暟瀛﹀叕寮忥紝瀹夎浣跨敤甯哥敤銆傛垜涓嶄細鍦ㄨ繖閲岃皥璁哄畠銆備富瑕佷粙缁嶅浣曞湪vue-cli椤圭洰涓泦鎴恡inymce銆傜綉涓婃湁寰堝寰堝鏉傜殑鏂规硶銆備粖澶╃粰澶у浠嬬粛涓€涓嬪畼鏂圭殑闆嗘垚鏂瑰紡锛屼篃鏄垜璁や负鏈€绠€鍗曞彲闈犵殑鏂规銆俁eact鍜孉ngular鐨勫畼缃戜篃鏈変粙缁嶏紝澶у鍙互鑷鐮旂┒銆?銆佸湪瀹樼綉娉ㄥ唽璐﹀彿棣栧厛鐧诲綍tiny瀹樼綉娉ㄥ唽鑷繁鐨勮处鍙枫€傛敞鍐岀櫥褰曞悗锛岀偣鍑诲乏渚х殑Dashboard锛屽嵆鍙幏寰楀睘浜庤嚜宸辩殑涓撳睘APIKey锛屽悗闈細鐢ㄥ埌銆?.瀹夎@tinymce/tinymce-vue鐐瑰嚮鍙充笂瑙掔殑ReadtheTinyDocs灏卞彲浠ユ寮忚繘鍏ュ畼鏂规枃妗ｏ紝鐒跺悗鍦ㄦ枃妗ｄ笂鏂圭殑鎼滅储妗嗕腑杈撳叆vue锛屽氨浼氬嚭鏉ue鐩稿叧鐨勯泦鎴愭柟娉曘€傛牴鎹畍ue鐗堟湰瀹夎涓嶅悓鐨凘tinymce/tinymce-vue銆傜洰鍓嶏紝鎴戜娇鐢ㄧ殑鏄痸ue2.x$npminstall--save"@tinymce/tinymce-vue@^3"3.鍦ㄧ粍浠朵腑浣跨敤tinymce杩涜杞崲濡備笅瀹樻柟绀轰緥灏嗕唬鐮佸鍒跺埌鑷繁鐨剉ue缁勪欢涓紝骞朵慨鏀筧pi-key鍒颁綘鍒氬垰鑾峰緱鐨凙PIKeyfrom'@tinymce/tinymce-vue'exportdefault{name:'app',components:{editor:Editor},data(){return{init:{height:500,menubar:false,plugins:['advlist鑷姩閾炬帴鍒楄〃linkimagecharmapprintpreviewanchor','searchreplacevisualblockscodefullscreen','insertdatetimemediatablepastecodehelpwordcount'],宸ュ叿鏍忥細'undoredo|鏍煎紡閫夋嫨|绮楁枩浣撹儗鏅壊|\alignleftaligncenteralignrightalignjustify|\bulletnumlistoutdent缂╄繘|鍒犻櫎鏍煎紡|甯姪'}}}}鎼炲畾锛宯pmrunserve娲荤殑tinymce灏卞嚭鏉ヤ簡~~~鏄笉鏄緢绠€鍗曪紒浣跨敤tinymce鍙互鎵╁睍鎻掍欢鐨勫湴鏂瑰緢澶氾紝姣斿璇█銆佷富棰樸€佺毊鑲ゃ€佹彃浠跺拰鍥炬爣绛夛紝涓嬮潰涓昏浠嬬粛鍑犱釜鎻掍欢鐨勪娇鐢ㄦ柟娉曘€傝〃鎯呮彃浠秂moticonsemoticons鏄竴娆惧唴缃彃浠讹紝浣跨敤闈炲父绠€鍗曪紝鍙渶鍦ㄦ彃浠跺拰宸ュ叿鏍忛厤缃腑娣诲姞琛ㄦ儏鍗冲彲銆俻lugins:['emoticons'],toolbar:'emoticons'鎻掑叆word鏂囨。importwordimportword鏄竴涓墿灞曟彃浠讹紝浣跨敤鏂规硶濡備笅锛氫笅杞絠mportword鎻掍欢https://github.com/Five-great銆?.鍦╲ue-cli椤圭洰鐨刾ublic鐩綍涓嬫柊寤簍inymce鏂囦欢澶癸紝鐒跺悗鍦╰inymce鏂囦欢涓嬫柊寤簆lugins鏂囦欢澶癸紝灏嗕笅杞藉ソ鐨刬mportword鎻掍欢鏀惧叆tinymce鏂囦欢澶逛腑锛屽皢importword鎻掍欢瀵煎叆鍒皏ue缁勪欢plugins涓細['importword'],toolbar:'importword',external_plugins:{'importword':'/tinymce/plugins/importword/plugin.min.js'}ok锛岃繖鏍峰氨浼氬嚭鐜版彃鍏ord鐨勬寜閽簡~~~DEMO浣撻獙鍦板潃math鍏紡kitityformula-editorkityformula-editor涔熷睘浜庢墿灞曟彃浠讹紝鍜屼笂闈㈢殑鐢ㄦ硶宸笉澶氾細涓嬭浇kityformula-editor鎻掍欢http://tinymce.ax-z.cn/more-p...鎶婁笅杞界殑kityformula-editor鎻掍欢鏀惧叆plugins鏂囦欢澶癸紝鍦╲ue缁勪欢涓紩鍏ityformula-editor鎻掍欢plugins:['kityformula-editor'],toolbar:'kityformula-editor',external_plugins:{'kityformula-editor':'/tinymce/plugins/kityformula-editor/plugin.min.js'}娉ㄦ剰锛氱敱浜巘inymce鍦ㄥ姞杞借繙绋嬫椂榛樿涓篊DN鍚岀悊锛屽姞杞芥暟瀛﹀叕寮忕殑kityFormula.html浼氭姤閿欍€傝繖涓椂鍊欐垜浠彧闇€瑕佷慨鏀筽lugin.min.js涓殑baseURL涓烘湰鍦板嵆鍙€傚啀娆℃墦寮€鏁板鍏紡锛岄〉闈㈠彲浠ユ甯告樉绀轰簡~~~DEMO浣撻獙鍦板潃鍏跺疄涔熷彲浠ヤ娇鐢╓iris鐨凪athType鎻掑叆鏁板鍏紡銆備笉浠呭彲浠ユ彃鍏ユ暟瀛﹀叕寮忥紝杩樺彲浠ユ彃鍏ュ寲瀛﹀叕寮忋€傚綋鐒跺浗澶栨彃浠剁殑浣撻獙鑷劧涓嶅鐧惧害鐨刱ityformula-editor浣撻獙涓嶉敊銆傛湁鍏磋叮鐨勬湅鍙嬪彲浠ョ爺绌朵笅https://github.com/wiris/html...鍒嗕韩鍒版缁撴潫銆傚惉璇村枩娆㈢殑鍚屽涓嶆槸鏈夐挶灏辨槸璐碉紝甯呭摜鎴栬€呯編濂冲摕~馃榾鏈変粈涔堥棶棰樻杩庡湪璇勮鍖虹暀瑷€鍝鍙傝€冩枃妗inyMCE涓枃鏂囨。tinyMCE瀹樻柟鏂囨。
