中文语言包下载 https://www.tiny.cloud/get-tiny/language-packages/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div>
<textarea id="mytextarea">Hello, World!</textarea>
<button onclick="getHtml()">获取html内容</button>
</div>
<script src="https://cdn.bootcss.com/tinymce/5.0.16/tinymce.min.js"></script>
<script src="/static/js/zh_CN.js"></script>
<script>
// 初始化编辑器
tinymce.init({
selector: '#mytextarea',
height: 500,
language:'zh_CN',
plugins: 'image',
toolbar: ['image|bold|alignleft|aligncenter|alignright|alignjustify|fontselect|fontsizeselect|forecolor backcolor',
],
images_upload_url: '/tinymce_upload',
branding: false, // 右下角技术支持
resize: false, // 调整编辑器大小
});
// 获取编辑器html内容
function getHtml() {
console.log( tinymce.activeEditor.getContent() );
}
</script>
</body>
</html>
上传图片
后端返回格式
{ location : "/demo/image/1.jpg" }
网友评论