鍐棩鏆栭槼鍓嶈█浠婂ぉ鍦ㄥ啓鍓嶇鐨勬椂鍊欓亣鍒颁簡涓€涓棶棰樸€備竴寮€濮嬩互涓哄彲浠ョ敤textarea鍘婚櫎瑙掓爣锛屽疄鐜拌嚜鍔ㄥ闀匡紝鐒跺悗灏卞ソ浜嗐€傝皝鐭ラ亾杩樿鍔犲瓧浣擄紝鍔犵矖锛屽姞鏂滀綋锛岃€佸笀涓€寮€濮嬬粰鐨勮璁＄閲屾病鏈夈€傞┈涓娿€傚悗鏉ュ氨鍘绘悶浜嗚繖涓瘜鏂囨湰缂栬緫鍣ㄣ€傛劅瑙夊墠绔笉瀹规槗锛岃瀛︾殑涓滆タ鐪熺殑寰堝銆傚姛鑳介渶姹傛槸閫変腑涓€绡囨枃绔狅紝灏嗗叾璁剧疆涓虹矖浣撱€佹枩浣撳拰鏍峰紡锛岄€変腑鍚庡彲浠ュ湪涓婇潰寮瑰嚭涓€涓皬鑿滃崟銆備负浜嗚繖涓皵娉¤彍鍗曪紝鐪熺殑鎵句簡寰堝瀵屾枃鏈紪杈戝櫒锛屾渶鍚庤浆鍚慹lement-tiptap锛屽湪鏍峰紡涓婄湅鍒颁簡杩欎釜銆備竴銆丒lement-tiptap瀵屾枃鏈紪杈戝櫒浠嬬粛绠€鍗曟槗鐢紝瀵瑰紑鍙戣€呭弸濂斤紝瀹屽叏鍙墿灞曪紝璁捐绠€娲併€傚鏋滅敤鐨勮瘽锛屼富瑕佹槸鍏煎element锛岀劧鍚庢兂鐢紝鐢╡lement-ui缁勪欢銆俫ithub瀹樼綉锛歨ttps://github.com/Leecason/e...2.寮€濮嬩娇鐢╪pm瀹夎锛歯pminstall--saveelement-tiptap瀹夎鍗冲彲銆傛櫘閫氳彍鍗曪細鎴戜滑璐翠竴涓渶绠€鍗曠殑渚嬪瓙锛歟xtensionsDoc,Text,Paragraph,Heading,Bold,Underline,Italic,Strike,ListItem,BulletList,OrderedList,}from'element-tiptap';exportdefault{data(){//缂栬緫鍣ㄦ墿灞?/瀹冧滑灏嗚娣诲姞鍒拌彍鍗曟爮鍜屾皵娉¤彍鍗曟寜鐓ф偍澹版槑鐨勯『搴忋€俽eturn{extensions:[newDoc(),newText(),newParagraph(),newHeading({level:5}),newBold({bubble:true}),//鍦ㄦ皵娉¤彍鍗曚腑娓叉煋鍛戒护鎸夐挳銆俷ewUnderline({bubble:true,menubar:false}),//鍦ㄦ皵娉¤彍鍗曚腑娓叉煋鍛戒护鎸夐挳锛屼絾涓嶅湪鑿滃崟鏍忎腑娓叉煋銆俷ewItalic(),newStrike(),newListItem(),newBulletList(),newOrderedList(),],//缂栬緫鍣ㄧ殑鍐呭content:`

Heading

ThisEditorisawesome!