jquery 文本编辑器 用法

来源:互联网 发布:幽默防网络诈骗标语 编辑:程序博客网 时间:2024/04/30 06:53
 

1.将Editor这个文件夹放在项目里面,
2. 在页面需要引用这两个插件  <script src="js/Common/jquery-1.4.2.min.js" type="text/javascript"></script>
                           <script type="text/javascript" src="Editor/xheditor-zh-cn.src.js"></script>
3.需要在引用的页面添加  
 <script type="text/javascript">
    
   
        $(pageInit);
        function pageInit() {
                     //ntxt 是文本编辑器的id和NAME
            $('#ntxt').xheditor({ skin: 'vista', upLinkUrl: "!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}upload.aspx%3Fimmediate%3D1&ext=附件文件(*.zip;*.rar;*.txt)", upImgUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}upload.aspx%3Fimmediate%3D1&ext=图片文件(*.jpg;*.jpeg;*.gif;*.png)', upFlashUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}upload.aspx%3Fimmediate%3D1&ext=Flash动画(*.swf)', upMediaUrl: '!{editorRoot}xheditor_plugins/multiupload/multiupload.html?uploadurl={editorRoot}upload.aspx%3Fimmediate%3D1&ext=多媒体文件(*.wmv;*.avi;*.wma;*.mp3;*.mid)', shortcuts: { 'ctrl+enter': submitForm} });
        }
        function submitForm() { $('#form2').submit(); }
 </script>

4.要在upload.aspx 里面配置文件路径是在这句话里配置  string downloadPath = "Editor/download.aspx"; //此处是download页面相对于客户浏览页面的位置 ,如果放在web下的一个文件夹内 路径应该改成 ../Editor/download.aspx; 但是应该注意很重要的一点是,如果路径是../Editor/download.aspx(也就是页面在一个文件夹下),那么编辑器内容展示页面必须和内容编辑页面放在一个级别,不然图片路径不对。(其实就是编辑页面和展示页面都必须放在一个级别的目录下面)
5.可以参照 Daily 中的demo10.html  这个是标准的

原创粉丝点击