TinyMCE 只用工具栏
时间: 2024-06-14 08:05:40 浏览: 13
以下是使用TinyMCE工具栏的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"></script>
<script>
tinymce.init({
selector: 'textarea',
toolbar: 'undo redo | bold italic underline',
plugins: 'advlist autolink lists link image charmap print preview anchor',
toolbar_mode: 'floating',
tinycomments_mode: 'embedded',
tinycomments_author: 'Author name',
});
</script>
</head>
<body>
<textarea></textarea>
</body>
</html>
```
这段代码会在页面上显示一个带有工具栏的文本编辑器。工具栏包含了撤销、重做、加粗、斜体和下划线等功能。你可以根据需要自定义工具栏的按钮和功能。
相关问题
tinymce快速工具栏没有样式是因为什么
如果您使用的是TinyMCE 5版本,那么快速工具栏默认是没有样式的。不过您可以通过在tinymce.init()函数中添加"toolbar_mode"参数并将其设置为"scrolling"来启用有样式的快速工具栏,如下所示:
```
tinymce.init({
selector: 'textarea',
toolbar_mode: 'scrolling',
toolbar: 'undo redo | formatselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
menubar: false
});
```
如果您使用的是TinyMCE 4版本,那么快速工具栏默认是有样式的。您可以通过在tinymce.init()函数中添加"toolbar"参数来指定快速工具栏中的按钮,如下所示:
```
tinymce.init({
selector: 'textarea',
toolbar: 'undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
menubar: false
});
```
如果您的快速工具栏仍然没有样式,那么可能是由于您使用的主题没有为快速工具栏定义样式。您可以通过使用CSS样式来为其添加样式。
tinymce显示状态栏
要在 TinyMCE 编辑器中显示状态栏,你需要在初始化编辑器时设置 `statusbar` 选项为 `true`。以下是一个示例代码:
```javascript
tinymce.init({
selector: 'textarea',
height: 500,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: 'undo redo | formatselect | ' +
'bold italic backcolor | alignleft aligncenter ' +
'alignright alignjustify | bullist numlist outdent indent | ' +
'removeformat | help',
statusbar: true // 显示状态栏
});
```
在以上示例中,`statusbar` 选项被设置为 `true`,以显示状态栏。你可以根据需要自定义其他选项。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)