tinymce 如何在原生html 使用 外部引用JS
时间: 2024-09-20 11:04:22 浏览: 19
TinyMCE是一个功能强大的富文本编辑器,它通常作为JavaScript库嵌入到HTML页面中。如果你想要在原生HTML中使用TinyMCE,并通过外部引用JS文件,你可以按照以下步骤操作:
1. **下载TinyMCE库**:首先从TinyMCE官方网站(https://www.tinymce.com/) 下载适合项目的版本,通常是包含JS和CSS的.min文件。
2. **添加外部JS文件**:在你的HTML文件的`<head>`部分添加一个`<script>`标签,链接到TinyMCE的JS文件,例如:
```html
<script src="path/to/tinymce.min.js"></script>
```
3. **初始化编辑器**:在`<body>`区域,在需要编辑的地方,添加一个`<textarea>`元素,并设置TinyMCE的初始化选项。通常会在页面底部或者其他合适的脚本位置执行这个初始化,例如:
```javascript
tinymce.init({
selector: 'textarea', // 或者选择器匹配你的textarea
theme: 'modern', // 根据需求选择主题
plugins: 'code fullscreen', // 需要的功能插件列表
language: 'zh_TW', // 如果你需要中文支持
setup: function(editor) {
// 这里可以添加额外的配置
}
});
```
4. **外部加载**:如果你想延迟加载TinyMCE,可以在需要的时候使用`tinymce.require()`方法:
```javascript
window.onload = function() {
tinymce.require('tinymce/core/api');
tinymce.DOMContentLoaded();
tinymce.init(...);
};
```