tinymceeditor富文本编辑器的使用 官网链接：https://www.tiny.cloud/docs/quick-start/
1、安装tinymce
使用 mpn i tinymce -S
2、新建tinymceeditor.vue文件，内容如下
<template> <section id='tinymceeditor'>这是tinymceeditor富文本编辑器</section> </template> <script> import tinymce from 'tinymce' import 'tinymce/themes/silver/theme.min.js' import 'tinymce/skins/ui/oxide/skin.min.css' import 'tinymce/skins/ui/oxide/content.min.css' // import 'tinymce/skins/content/default/content.min.css' import './zh_CN' import 'tinymce/plugins/preview/plugin.min.js' import 'tinymce/plugins/colorpicker/plugin.min.js' import 'tinymce/plugins/advlist/plugin.min.js' import 'tinymce/plugins/autolink/plugin.min.js' import 'tinymce/plugins/link/plugin.min.js' import 'tinymce/plugins/image/plugin.min.js' import 'tinymce/plugins/lists/plugin.min.js' import 'tinymce/plugins/fullscreen/plugin.min.js' import 'tinymce/plugins/wordcount/plugin.min.js' import 'tinymce/plugins/print/plugin.min.js' import 'tinymce/plugins/image/plugin.min.js' import 'tinymce/plugins/imagetools/plugin.min.js' import 'tinymce/plugins/table/plugin.min.js' import 'tinymce/plugins/quickbars/plugin.min.js' //显示一个文本框，可以进行各种操作 export default { name: 'tinymceeditor', props: { value: { type: String, default: '编辑器默认值' } }, mounted() { tinymce.init({ selector: '#tinymceeditor', language: 'zh_CN', //this.$i18n.locale height: '600px', images_upload_handler: function(blobInfo, success, failure) { var xhr, formData xhr = new XMLHttpRequest() xhr.withCredentials = false xhr.open('POST', 'postAcceptor.php') xhr.onload = function() { var json if (xhr.status != 200) { failure('HTTP Error: ' + xhr.status) return } json = JSON.parse(xhr.responseText) if (!json || typeof json.location != 'string') { failure('Invalid JSON: ' + xhr.responseText) return } success(json.location) } formData = new FormData() formData.append('file', blobInfo.blob(), blobInfo.filename()) xhr.send(formData) }, //菜单栏 // menubar: 'file edit print', // menubar: 'bar1 bar2 format', // menu: { // bar1: { title: '菜单12', items: 'copy paste' }, // bar2: { title: '菜单2', items: 'cut italic forecolor backcolor' } // }, //工具栏 toolbar: [ 'bold italic underline strikethrough wordcount print image table forecolor backcolor| styleselect formatselect fontselect fontsizeselect', 'numlist bullist outdent indent blockquote | subscript superscript | alignleft aligncenter alignright alignjustify | undo redo removeformat preview fullscreen ' ], //插件 plugins: 'preview fullscreen wordcount print image advlist table', //通过属性初始化 setup: (editor) => { editor.on('init', (e) => { editor.setContent(this.value) }) }, //input和change事件 init_instance_callback: (editor) => { editor.on('input', (e) => { this.$emit('input', e.target.innerHTML) }), editor.on('change', (e) => { this.$emit('input', e.level.content) }) }, //状态栏指的是编辑器最底下、左侧显示dom信息、右侧显示Tiny版权链接和调整大小的那一条。默认是显示的，设为false可将其隐藏 statusbar: false }) } } </script> <style scoped> body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; line-height: 1.4; margin: 1rem; } table { border-collapse: collapse; } table td, table th { border: 1px solid #ccc; padding: 0.4rem; } figure { display: table; margin: 1rem auto; } figure figcaption { color: #999; display: block; margin-top: 0.25rem; text-align: center; } hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0; } code { background-color: #e8e8e8; border-radius: 3px; padding: 0.1rem 0.2rem; } .mce-content-body:not([dir='rtl']) blockquote { border-left: 2px solid #ccc; margin-left: 1.5rem; padding-left: 1rem; } .mce-content-body[dir='rtl'] blockquote { border-right: 2px solid #ccc; margin-right: 1.5rem; padding-right: 1rem; } </style>
zh_CN.js中文包js文件，内容如下
tinymce.addI18n('zh_CN', {
"Redo": "u91cdu505a",
"Undo": "u64a4u9500",
"Cut": "u526au5207",
"Copy": "u590du5236",
"Paste": "u7c98u8d34",
"Select all": "u5168u9009",
"New document": "u65b0u6587u4ef6",
"Ok": "u786eu5b9a",
"Cancel": "u53d6u6d88",
"Visual aids": "u7f51u683cu7ebf",
"Bold": "u7c97u4f53",
"Italic": "u659cu4f53",
"Underline": "u4e0bu5212u7ebf",
"Strikethrough": "u5220u9664u7ebf",
"Superscript": "u4e0au6807",
"Subscript": "u4e0bu6807",
"Clear formatting": "u6e05u9664u683cu5f0f",
"Align left": "u5de6u8fb9u5bf9u9f50",
"Align center": "u4e2du95f4u5bf9u9f50",
"Align right": "u53f3u8fb9u5bf9u9f50",
"Justify": "u4e24u7aefu5bf9u9f50",
"Bullet list": "u9879u76eeu7b26u53f7",
"Numbered list": "u7f16u53f7u5217u8868",
"Decrease indent": "u51cfu5c11u7f29u8fdb",
"Increase indent": "u589eu52a0u7f29u8fdb",
"Close": "u5173u95ed",
"Formats": "u683cu5f0f",
"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.": "u4f60u7684u6d4fu89c8u5668u4e0du652fu6301u6253u5f00u526au8d34u677fuff0cu8bf7u4f7fu7528Ctrl+X/C/Vu7b49u5febu6377u952eu3002",
"Headers": "u6807u9898",
"Header 1": "u6807u98981",
"Header 2": "u6807u98982",
"Header 3": "u6807u98983",
"Header 4": "u6807u98984",
"Header 5": "u6807u98985",
"Header 6": "u6807u98986",
"Headings": "u6807u9898",
"Heading 1": "u6807u98981",
"Heading 2": "u6807u98982",
"Heading 3": "u6807u98983",
"Heading 4": "u6807u98984",
"Heading 5": "u6807u98985",
"Heading 6": "u6807u98986",
"Preformatted": "u9884u5148u683cu5f0fu5316u7684",
"Div": "Div",
"Pre": "Pre",
"Code": "u4ee3u7801",
"Paragraph": "u6bb5u843d",
"Blockquote": "u5f15u6587u533au5757",
"Inline": "u6587u672c",
"Blocks": "u57fau5757",
"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "u5f53u524du4e3au7eafu6587u672cu7c98u8d34u6a21u5f0fuff0cu518du6b21u70b9u51fbu53efu4ee5u56deu5230u666eu901au7c98u8d34u6a21u5f0fu3002",
"Fonts": "u5b57u4f53",
"Font Sizes": "u5b57u53f7",
"Class": "u7c7bu578b",
"Browse for an image": "u6d4fu89c8u56feu50cf",
"OR": "u6216",
"Drop an image here": "u62d6u653eu4e00u5f20u56feu50cfu81f3u6b64",
"Upload": "u4e0au4f20",
"Block": "u5757",
"Align": "u5bf9u9f50",
"Default": "u9ed8u8ba4",
"Circle": "u7a7au5fc3u5706",
"Disc": "u5b9eu5fc3u5706",
"Square": "u65b9u5757",
"Lower Alpha": "u5c0fu5199u82f1u6587u5b57u6bcd",
"Lower Greek": "u5c0fu5199u5e0cu814au5b57u6bcd",
"Lower Roman": "u5c0fu5199u7f57u9a6cu5b57u6bcd",
"Upper Alpha": "u5927u5199u82f1u6587u5b57u6bcd",
"Upper Roman": "u5927u5199u7f57u9a6cu5b57u6bcd",
"Anchor...": "u951au70b9...",
"Name": "u540du79f0",
"Id": "u6807u8bc6u7b26",
"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "u6807u8bc6u7b26u5e94u8be5u4ee5u5b57u6bcdu5f00u5934uff0cu540eu8ddfu5b57u6bcdu3001u6570u5b57u3001u7834u6298u53f7u3001u70b9u3001u5192u53f7u6216u4e0bu5212u7ebfu3002",
"You have unsaved changes are you sure you want to navigate away?": "u4f60u8fd8u6709u6587u6863u5c1au672au4fddu5b58uff0cu786eu5b9au8981u79bbu5f00uff1f",
"Restore last draft": "u6062u590du4e0au6b21u7684u8349u7a3f",
"Special character...": "u7279u6b8au5b57u7b26...",
"Source code": "u6e90u4ee3u7801",
"Insert/Edit code sample": "u63d2u5165/u7f16u8f91u4ee3u7801u793au4f8b",
"Language": "u8bedu8a00",
"Code sample...": "u793au4f8bu4ee3u7801...",
"Color Picker": "u9009u8272u5668",
"R": "R",
"G": "G",
"B": "B",
"Left to right": "u4eceu5de6u5230u53f3",
"Right to left": "u4eceu53f3u5230u5de6",
"Emoticons...": "u8868u60c5u7b26u53f7...",
"Metadata and Document Properties": "u5143u6570u636eu548cu6587u6863u5c5eu6027",
"Title": "u6807u9898",
"Keywords": "u5173u952eu8bcd",
"Description": "u63cfu8ff0",
"Robots": "u673au5668u4eba",
"Author": "u4f5cu8005",
"Encoding": "u7f16u7801",
"Fullscreen": "u5168u5c4f",
"Action": "u64cdu4f5c",
"Shortcut": "u5febu6377u952e",
"Help": "u5e2eu52a9",
"Address": "u5730u5740",
"Focus to menubar": "u79fbu52a8u7126u70b9u5230u83dcu5355u680f",
"Focus to toolbar": "u79fbu52a8u7126u70b9u5230u5de5u5177u680f",
"Focus to element path": "u79fbu52a8u7126u70b9u5230u5143u7d20u8defu5f84",
"Focus to contextual toolbar": "u79fbu52a8u7126u70b9u5230u4e0au4e0bu6587u83dcu5355",
"Insert link (if link plugin activated)": "u63d2u5165u94feu63a5 (u5982u679cu94feu63a5u63d2u4ef6u5df2u6fc0u6d3b)",
"Save (if save plugin activated)": "u4fddu5b58(u5982u679cu4fddu5b58u63d2u4ef6u5df2u6fc0u6d3b)",
"Find (if searchreplace plugin activated)": "u67e5u627e(u5982u679cu67e5u627eu66ffu6362u63d2u4ef6u5df2u6fc0u6d3b)",
"Plugins installed ({0}):": "u5df2u5b89u88c5u63d2u4ef6 ({0}):",
"Premium plugins:": "u4f18u79c0u63d2u4ef6uff1a",
"Learn more...": "u4e86u89e3u66f4u591a...",
"You are using {0}": "u4f60u6b63u5728u4f7fu7528 {0}",
"Plugins": "u63d2u4ef6",
"Handy Shortcuts": "u5febu6377u952e",
"Horizontal line": "u6c34u5e73u5206u5272u7ebf",
"Insert/edit image": "u63d2u5165/u7f16u8f91u56feu7247",
"Image description": "u56feu7247u63cfu8ff0",
"Source": "u5730u5740",
"Dimensions": "u5927u5c0f",
"Constrain proportions": "u4fddu6301u7eb5u6a2au6bd4",
"General": "u666eu901a",
"Advanced": "u9ad8u7ea7",
"Style": "u6837u5f0f",
"Vertical space": "u5782u76f4u8fb9u8ddd",
"Horizontal space": "u6c34u5e73u8fb9u8ddd",
"Border": "u8fb9u6846",
"Insert image": "u63d2u5165u56feu7247",
"Image...": "u56feu7247...",
"Image list": "u56feu7247u5217u8868",
"Rotate counterclockwise": "u9006u65f6u9488u65cbu8f6c",
"Rotate clockwise": "u987au65f6u9488u65cbu8f6c",
"Flip vertically": "u5782u76f4u7ffbu8f6c",
"Flip horizontally": "u6c34u5e73u7ffbu8f6c",
"Edit image": "u7f16u8f91u56feu7247",
"Image options": "u56feu7247u9009u9879",
"Zoom in": "u653eu5927",
"Zoom out": "u7f29u5c0f",
"Crop": "u88c1u526a",
"Resize": "u8c03u6574u5927u5c0f",
"Orientation": "u65b9u5411",
"Brightness": "u4eaeu5ea6",
"Sharpen": "u9510u5316",
"Contrast": "u5bf9u6bd4u5ea6",
"Color levels": "u989cu8272u5c42u6b21",
"Gamma": "u4f3du9a6cu503c",
"Invert": "u53cdu8f6c",
"Apply": "u5e94u7528",
"Back": "u540eu9000",
"Insert date/time": "u63d2u5165u65e5u671f/u65f6u95f4",
"Date/time": "u65e5u671f/u65f6u95f4",
"Insert/Edit Link": "u63d2u5165/u7f16u8f91u94feu63a5",
"Insert/edit link": "u63d2u5165/u7f16u8f91u94feu63a5",
"Text to display": "u663eu793au6587u5b57",
"Url": "u5730u5740",
"Open link in...": "u94feu63a5u6253u5f00u4f4du7f6e...",
"Current window": "u5f53u524du7a97u53e3",
"None": "u65e0",
"New window": "u5728u65b0u7a97u53e3u6253u5f00",
"Remove link": "u5220u9664u94feu63a5",
"Anchors": "u951au70b9",
"Link...": "u94feu63a5...",
"Paste or type a link": "u7c98u8d34u6216u8f93u5165u94feu63a5",
"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "u4f60u6240u586bu5199u7684URLu5730u5740u4e3au90aeu4ef6u5730u5740uff0cu9700u8981u52a0u4e0amailto:u524du7f00u5417uff1f",
"The URL you entered seems to be an external link. Do you want to add the required http:// prefix?": "u4f60u6240u586bu5199u7684URLu5730u5740u5c5eu4e8eu5916u90e8u94feu63a5uff0cu9700u8981u52a0u4e0ahttp://:u524du7f00u5417uff1f",
"Link list": "u94feu63a5u5217u8868",
"Insert video": "u63d2u5165u89c6u9891",
"Insert/edit video": "u63d2u5165/u7f16u8f91u89c6u9891",
"Insert/edit media": "u63d2u5165/u7f16u8f91u5a92u4f53",
"Alternative source": "u955cu50cf",
"Alternative source URL": "u66ffu4ee3u6765u6e90u7f51u5740",
"Media poster (Image URL)": "u5c01u9762(u56feu7247u5730u5740)",
"Paste your embed code below:": "u5c06u5185u5d4cu4ee3u7801u7c98u8d34u5728u4e0bu9762:",
"Embed": "u5185u5d4c",
"Media...": "u591au5a92u4f53...",
"Nonbreaking space": "u4e0du95f4u65adu7a7au683c",
"Page break": "u5206u9875u7b26",
"Paste as text": "u7c98u8d34u4e3au6587u672c",
"Preview": "u9884u89c8",
"Print...": "u6253u5370...",
"Save": "u4fddu5b58",
"Find": "u67e5u627e",
"Replace with": "u66ffu6362u4e3a",
"Replace": "u66ffu6362",
"Replace all": "u5168u90e8u66ffu6362",
"Previous": "u4e0au4e00u4e2a",
"Next": "u4e0bu4e00u4e2a",
"Find and replace...": "u67e5u627eu5e76u66ffu6362...",
"Could not find the specified string.": "u672au627eu5230u641cu7d22u5185u5bb9.",
"Match case": "u533au5206u5927u5c0fu5199",
"Find whole words only": "u5168u5b57u5339u914d",
"Spell check": "u62fcu5199u68c0u67e5",
"Ignore": "u5ffdu7565",
"Ignore all": "u5168u90e8u5ffdu7565",
"Finish": "u5b8cu6210",
"Add to Dictionary": "u6dfbu52a0u5230u5b57u5178",
"Insert table": "u63d2u5165u8868u683c",
"Table properties": "u8868u683cu5c5eu6027",
"Delete table": "u5220u9664u8868u683c",
"Cell": "u5355u5143u683c",
"Row": "u884c",
"Column": "u5217",
"Cell properties": "u5355u5143u683cu5c5eu6027",
"Merge cells": "u5408u5e76u5355u5143u683c",
"Split cell": "u62c6u5206u5355u5143u683c",
"Insert row before": "u5728u4e0au65b9u63d2u5165",
"Insert row after": "u5728u4e0bu65b9u63d2u5165",
"Delete row": "u5220u9664u884c",
"Row properties": "u884cu5c5eu6027",
"Cut row": "u526au5207u884c",
"Copy row": "u590du5236u884c",
"Paste row before": "u7c98u8d34u5230u4e0au65b9",
"Paste row after": "u7c98u8d34u5230u4e0bu65b9",
"Insert column before": "u5728u5de6u4fa7u63d2u5165",
"Insert column after": "u5728u53f3u4fa7u63d2u5165",
"Delete column": "u5220u9664u5217",
"Cols": "u5217",
"Rows": "u884c",
"Width": "u5bbd",
"Height": "u9ad8",
"Cell spacing": "u5355u5143u683cu5916u95f4u8ddd",
"Cell padding": "u5355u5143u683cu5185u8fb9u8ddd",
"Show caption": "u663eu793au6807u9898",
"Left": "u5de6u5bf9u9f50",
"Center": "u5c45u4e2d",
"Right": "u53f3u5bf9u9f50",
"Cell type": "u5355u5143u683cu7c7bu578b",
"Scope": "u8303u56f4",
"Alignment": "u5bf9u9f50u65b9u5f0f",
"H Align": "u6c34u5e73u5bf9u9f50",
"V Align": "u5782u76f4u5bf9u9f50",
"Top": "u9876u90e8u5bf9u9f50",
"Middle": "u5782u76f4u5c45u4e2d",
"Bottom": "u5e95u90e8u5bf9u9f50",
"Header cell": "u8868u5934u5355u5143u683c",
"Row group": "u884cu7ec4",
"Column group": "u5217u7ec4",
"Row type": "u884cu7c7bu578b",
"Header": "u8868u5934",
"Body": "u8868u4f53",
"Footer": "u8868u5c3e",
"Border color": "u8fb9u6846u989cu8272",
"Insert template...": "u63d2u5165u6a21u677f...",
"Templates": "u6a21u677f",
"Template": "u6a21u677f",
"Text color": "u6587u5b57u989cu8272",
"Background color": "u80ccu666fu8272",
"Custom...": "u81eau5b9au4e49...",
"Custom color": "u81eau5b9au4e49u989cu8272",
"No color": "u65e0",
"Remove color": "u79fbu9664u989cu8272",
"Table of Contents": "u5185u5bb9u5217u8868",
"Show blocks": "u663eu793au533au5757u8fb9u6846",
"Show invisible characters": "u663eu793au4e0du53efu89c1u5b57u7b26",
"Word count": "u5b57u6570",
"Count": "u8ba1u6570",
"Document": "u6587u6863",
"Selection": "u9009u62e9",
"Words": "u5355u8bcd",
"Words: {0}": "u5b57u6570uff1a{0}",
"{0} words": "{0} u5b57",
"File": "u6587u4ef6",
"Edit": "u7f16u8f91",
"Insert": "u63d2u5165",
"View": "u89c6u56fe",
"Format": "u683cu5f0f",
"Table": "u8868u683c",
"Tools": "u5de5u5177",
"Powered by {0}": "u7531{0}u9a71u52a8",
"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "u5728u7f16u8f91u533au6309ALT-F9u6253u5f00u83dcu5355uff0cu6309ALT-F10u6253u5f00u5de5u5177u680fuff0cu6309ALT-0u67e5u770bu5e2eu52a9",
"Image title": "u56feu7247u6807u9898",
"Border width": "u8fb9u6846u5bbdu5ea6",
"Border style": "u8fb9u6846u6837u5f0f",
"Error": "u9519u8bef",
"Warn": "u8b66u544a",
"Valid": "u6709u6548",
"To open the popup, press Shift+Enter": "u6309Shitf+Enteru952eu6253u5f00u5bf9u8bddu6846",
"Rich Text Area. Press ALT-0 for help.": "u7f16u8f91u533au3002u6309Alt+0u952eu6253u5f00u5e2eu52a9u3002",
"System Font": "u7cfbu7edfu5b57u4f53",
"Failed to upload image: {0}": "u56feu7247u4e0au4f20u5931u8d25: {0}",
"Failed to load plugin: {0} from url {1}": "u63d2u4ef6u52a0u8f7du5931u8d25: {0} u6765u81eau94feu63a5 {1}",
"Failed to load plugin url: {0}": "u63d2u4ef6u52a0u8f7du5931u8d25 u94feu63a5: {0}",
"Failed to initialize plugin: {0}": "u63d2u4ef6u521du59cbu5316u5931u8d25: {0}",
"example": "u793au4f8b",
"Search": "u641cu7d22",
"All": "u5168u90e8",
"Currency": "u8d27u5e01",
"Text": "u6587u5b57",
"Quotations": "u5f15u7528",
"Mathematical": "u6570u5b66",
"Extended Latin": "u62c9u4e01u8bedu6269u5145",
"Symbols": "u7b26u53f7",
"Arrows": "u7badu5934",
"User Defined": "u81eau5b9au4e49",
"dollar sign": "u7f8eu5143u7b26u53f7",
"currency sign": "u8d27u5e01u7b26u53f7",
"euro-currency sign": "u6b27u5143u7b26u53f7",
"colon sign": "u5192u53f7",
"cruzeiro sign": "u514bu9c81u8d5bu7f57u5e01u7b26u53f7",
"french franc sign": "u6cd5u90ceu7b26u53f7",
"lira sign": "u91ccu62c9u7b26u53f7",
"mill sign": "u5bc6u5c14u7b26u53f7",
"naira sign": "u5948u62c9u7b26u53f7",
"peseta sign": "u6bd4u585eu5854u7b26u53f7",
"rupee sign": "u5362u6bd4u7b26u53f7",
"won sign": "u97e9u5143u7b26u53f7",
"new sheqel sign": "u65b0u8c22u514bu5c14u7b26u53f7",
"dong sign": "u8d8au5357u76feu7b26u53f7",
"kip sign": "u8001u631du57fau666eu7b26u53f7",
"tugrik sign": "u56feu683cu91ccu514bu7b26u53f7",
"drachma sign": "u5fb7u62c9u514bu9a6cu7b26u53f7",
"german penny symbol": "u5fb7u56fdu4fbfu58ebu7b26u53f7",
"peso sign": "u6bd4u7d22u7b26u53f7",
"guarani sign": "u74dcu62c9u5c3cu7b26u53f7",
"austral sign": "u6fb3u5143u7b26u53f7",
"hryvnia sign": "u683cu91ccu592bu5c3cu4e9au7b26u53f7",
"cedi sign": "u585eu5730u7b26u53f7",
"livre tournois sign": "u91ccu5f17u5f17u5c14u7b26u53f7",
"spesmilo sign": "spesmilou7b26u53f7",
"tenge sign": "u575au6208u7b26u53f7",
"indian rupee sign": "u5370u5ea6u5362u6bd4",
"turkish lira sign": "u571fu8033u5176u91ccu62c9",
"nordic mark sign": "u5317u6b27u9a6cu514b",
"manat sign": "u9a6cu7eb3u7279u7b26u53f7",
"ruble sign": "u5362u5e03u7b26u53f7",
"yen character": "u65e5u5143u5b57u6837",
"yuan character": "u4ebau6c11u5e01u5143u5b57u6837",
"yuan character, in hong kong and taiwan": "u5143u5b57u6837uff08u6e2fu53f0u5730u533auff09",
"yen/yuan character variant one": "u5143u5b57u6837uff08u5927u5199uff09",
"Loading emoticons...": "u52a0u8f7du8868u60c5u7b26u53f7...",
"Could not load emoticons": "u4e0du80fdu52a0u8f7du8868u60c5u7b26u53f7",
"People": "u4ebau7c7b",
"Animals and Nature": "u52a8u7269u548cu81eau7136",
"Food and Drink": "u98dfu7269u548cu996eu54c1",
"Activity": "u6d3bu52a8",
"Travel and Places": "u65c5u6e38u548cu5730u70b9",
"Objects": "u7269u4ef6",
"Flags": "u65d7u5e1c",
"Characters": "u5b57u7b26",
"Characters (no spaces)": "u5b57u7b26(u65e0u7a7au683c)",
"{0} characters": "{0} u4e2au5b57u7b26",
"Error: Form submit field collision.": "u9519u8bef: u8868u5355u63d0u4ea4u5b57u6bb5u51b2u7a81u3002",
"Error: No form element found.": "u9519u8bef: u6ca1u6709u8868u5355u63a7u4ef6u3002",
"Update": "u66f4u65b0",
"Color swatch": "u989cu8272u6837u672c",
"Turquoise": "u9752u7effu8272",
"Green": "u7effu8272",
"Blue": "u84ddu8272",
"Purple": "u7d2bu8272",
"Navy Blue": "u6d77u519bu84dd",
"Dark Turquoise": "u6df1u84ddu7effu8272",
"Dark Green": "u6df1u7effu8272",
"Medium Blue": "u4e2du84ddu8272",
"Medium Purple": "u4e2du7d2bu8272",
"Midnight Blue": "u6df1u84ddu8272",
"Yellow": "u9ec4u8272",
"Orange": "u6a59u8272",
"Red": "u7ea2u8272",
"Light Gray": "u6d45u7070u8272",
"Gray": "u7070u8272",
"Dark Yellow": "u6697u9ec4u8272",
"Dark Orange": "u6df1u6a59u8272",
"Dark Red": "u6df1u7ea2u8272",
"Medium Gray": "u4e2du7070u8272",
"Dark Gray": "u6df1u7070u8272",
"Light Green": "u6d45u7effu8272",
"Light Yellow": "u6d45u9ec4u8272",
"Light Red": "u6d45u7ea2u8272",
"Light Purple": "u6d45u7d2bu8272",
"Light Blue": "u6d45u84ddu8272",
"Dark Purple": "u6df1u7d2bu8272",
"Dark Blue": "u6df1u84ddu8272",
"Black": "u9ed1u8272",
"White": "u767du8272",
"Switch to or from fullscreen mode": "u5207u6362u5168u5c4fu6a21u5f0f",
"Open help dialog": "u6253u5f00u5e2eu52a9u5bf9u8bddu6846",
"history": "u5386u53f2",
"styles": "u6837u5f0f",
"formatting": "u683cu5f0fu5316",
"alignment": "u5bf9u9f50",
"indentation": "u7f29u8fdb",
"permanent pen": "u8bb0u53f7u7b14",
"comments": "u5907u6ce8",
"Format Painter": "u683cu5f0fu5237",
"Insert/edit iframe": "u63d2u5165/u7f16u8f91u6846u67b6",
"Capitalization": "u5927u5199",
"lowercase": "u5c0fu5199",
"UPPERCASE": "u5927u5199",
"Title Case": "u9996u5b57u6bcdu5927u5199",
"Permanent Pen Properties": "u6c38u4e45u7b14u5c5eu6027",
"Permanent pen properties...": "u6c38u4e45u7b14u5c5eu6027...",
"Font": "u5b57u4f53",
"Size": "u5b57u53f7",
"More...": "u66f4u591a...",
"Spellcheck Language": "u62fcu5199u68c0u67e5u8bedu8a00",
"Select...": "u9009u62e9...",
"Preferences": "u9996u9009u9879",
"Yes": "u662f",
"No": "u5426",
"Keyboard Navigation": "u952eu76d8u6307u5f15",
"Version": "u7248u672c",
"Anchor": "u951au70b9",
"Special character": "u7279u6b8au7b26u53f7",
"Code sample": "u4ee3u7801u793au4f8b",
"Color": "u989cu8272",
"Emoticons": "u8868u60c5",
"Document properties": "u6587u6863u5c5eu6027",
"Image": "u56feu7247",
"Insert link": "u63d2u5165u94feu63a5",
"Target": "u6253u5f00u65b9u5f0f",
"Link": "u94feu63a5",
"Poster": "u5c01u9762",
"Media": "u5a92u4f53",
"Print": "u6253u5370",
"Prev": "u4e0au4e00u4e2a",
"Find and replace": "u67e5u627eu548cu66ffu6362",
"Whole words": "u5168u5b57u5339u914d",
"Spellcheck": "u62fcu5199u68c0u67e5",
"Caption": "u6807u9898",
"Insert template": "u63d2u5165u6a21u677f"
});
3、再其他的vue文件中引用，内容如下
<template> <!-- tinymce富文本编辑器tinymceeditor --> <tinymceeditor v-model="content" ref="tinymceeditor"></tinymceeditor> </template> <script> // tinymce富文本编辑器tinymceeditor import tinymceeditor from './components/tinymceeditor.vue' //导入tinymce富文本编辑器组件 export default { name: "App", components: { tinymceeditor //注册tinymce富文本编辑器组件 }, data() { return { content: "tinymce富文本编辑器初始值" }; } }; </script> <style scoped> </style>