如何设置tinymce编辑器全局 默认字号
时间: 2024-09-20 17:10:06 浏览: 118
TinyMCE是一款流行的富文本编辑器,要在TinyMCE中设置全局默认字号,你需要在初始化编辑器的时候指定`content_css`属性,并通过CSS定义一个新的字体大小作为默认值。以下是一个简单的示例:
1. 首先,在HTML文件中引入TinyMCE的库和主题(这里假设你使用的是default主题):
```html
<script src="https://cdn.tiny.cloud/1/tinymce/tinymce.min.js"></script>
<link href="https://cdn.tiny.cloud/1/tinymce/skins/lightgray/dist/tinymce.min.css" rel="stylesheet">
```
2. 在JavaScript中初始化TinyMCE,并配置默认字号:
```javascript
tinymce.init({
selector: 'textarea', // 选择需要编辑的元素
plugins: 'advlist autolink lists link image charmap print preview hr anchor pagebreak',
theme: 'modern', // 使用现代主题
content_css: 'path/to/your/styles.css', // 自定义样式表路径
setup: function(editor) {
editor.defaultContent = '<p style="font-size: 16px;">这是默认字号</p>'; // 设置默认内容的字体大小
}
});
```
在上面的例子中,`styles.css` 文件应该包含如下内容:
```css
/* styles.css */
body {
font-family: Arial, sans-serif;
}
.default-font-size {
font-size: 16px; /* 这里定义你的全局默认字号 */
}
```
阅读全文