dojo---在线编辑器案例

前台页面部分：

<%@ page language="java" pageEncoding="UTF-8"%>



    
        
        
        
        
    
    
        
        

                            <p>
                  初始化内容，基本编辑器。
                </p>
               
            
            
                获取编辑器的值
            
        
        

        

        

        

        
        

                        <p>初始化内容，扩展编辑器。</p>
        
        
        
            获取编辑器的值
        
    


dojo 1.1.0 学习总结

四. 在线编辑器案例

        1.导入CSS样式
               
                
       
        2.添加dojo.js库
        

        3.导入组件
            //编辑器组件
            dojo.require("dijit.Editor");
            //编辑器扩展插件
            dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
            dojo.require("dijit._editor.plugins.EnterKeyHandling");
            dojo.require("dijit._editor.plugins.FontChoice"); // 'fontName','fontSize','formatBlock'
            dojo.require("dijit._editor.plugins.TextColor");
            dojo.require("dijit._editor.plugins.LinkDialog");
            dojo.require("dijit._editor.plugins.ToggleDir");
            //解析器
            dojo.require("dojo.parser");
           
        注：如果只使用普通的编辑器，只需要导入
             dojo.require("dijit.Editor");
             dojo.require("dojo.parser");
        其他组件为扩展功能
       
        4.基本编辑器
        
        

                            <p>
                  初始化内容，基本编辑器。
                </p>
            
        
       
        获取编辑器的值
       
        注：
        类型使用 dojoType="dijit.Editor"
        id和name必须要有一个，使用Ajax时，当通过form获取数据则需要name属性，通过content获取数据时，需要ID属性
         用户演示获取的数据，真实开发时不需要这句
       
        5.自定义扩展编辑器功能
        
        

                        <p>初始化内容，扩展编辑器。</p>
        
        
       
        注：
        类型使用 dojoType="dijit.Editor"
        id和name必须要有一个，使用Ajax时，当通过form获取数据则需要name属性，通过content获取数据时，需要ID属性
        plugins="['bold','italic','|','createLink','insertImage','foreColor','hiliteColor',{name:'dijit._editor.plugins.FontChoice', command:'fontName', generic:true},'fontSize','formatBlock']"
        通过plugins属性设置编辑器功能