牛骨文教育服务平台(让学习变的简单)

自定义颜色、字体、字号

可通过editor.config.colors editor.config.familys editor.config.fontsizes 三个配置项来配置编辑器的颜色(字体颜色、背景色),字体,字号。该操作必须再editor.create()方法之前执行

代码示例:


<div id="div1">
    <p>请输入内容...</p>
</div>


<!--这里引用jquery和wangEditor.js-->
<script type="text/javascript">
    var editor = new wangEditor("div1");
    
    // 颜色
    editor.config.colors = {
        "#880000": "暗红色",
        "#800080": "紫色",
        "#ff0000": "红色"
    };
    
    // 字体
    editor.config.familys = [
        "宋体", "黑体", "楷体", "微软雅黑",
        "Arial", "Verdana", "Georgia"
    ];
    
    // 字号
    editor.config.fontsizes = {
        // 格式:"value": "title"
        1: "10px",
        2: "13px",
        3: "16px",
        4: "19px",
        5: "22px",
        6: "25px",
        7: "28px"
    };
    
    editor.create();
</script>

注意:字号的配置中,对象的value值必须是1 2 3 4 5 6 7这几个数字(全部或者选择其中几个),title可以自己修改。如:

    // 字号
    editor.config.fontsizes = {
        // 格式:"value": "title"
        2: "小",
        3: "中",
        5: "大",
        7: "特大"
    };