zoukankan      html  css  js  c++  java
  • 如何设定Fckeditor的工具栏

    Fckeditor是目前应用非常广泛的网页编辑器之一,网上的教程也非常多。这里,我根据自己的经验来讲解一下如何设置Fckeditor的工具栏。

      Fckeditor可以同时设定几种工具栏样式,在调用时指定一种就可以实现。首先,我们用记事本打开Fckeditor根目录中的Fckconfig.js文件。找到如下代码
    FCKConfig.ToolbarSets["Default"] = [
    ['Source','Preview','-','Bold','Italic','Underline','StrikeThrough','-','OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','-','JustifyLeft','JustifyCenter','JustifyRight','-','Link','Unlink','Anchor','-','TextColor','BGColor','-','PasteText','PasteWord','-','RemoveFormat'],
    '/',
    ['FontFormat','FontName','FontSize'],
    ['Image','Flash','Rule','Smiley','Codes','Table','-','About']
    ] ;
      上面就是默认的工具栏,单引号引起来的就是具体的工具栏项目。我们可以将其复制下来。然后在后面插入一个空行并粘帖到这些代码。现在我们首先要做的是给自己的工具栏建立一个标识。将Default改成自己想要的名字。比如说 Yiyunnet 吧。然后更改里面的内容来自定义工具栏。

      工具栏定义好了,如何才能让应用生效呢?别急,我们在引用工具栏的时候,再指定一下应用哪种工具定义就行了,PHP代码如下

    1. <?php
    2. //=======================================编辑器实例化
    3. $oFCKeditor = new FCKeditor('myeditor') ; //创建编辑器对像
    4. $oFCKeditor->BasePath ="../fckeditor/"; //指定编辑器路径
    5. $oFCKeditor->ToolbarSet="Yiyunnet"; //指定运用刚才新增的工具栏设定
    6. $oFCKeditor->Height='350px'; //编辑器高度
    7. $oFCKeditor->Width='630px'; //编辑器宽度
    8. $oFCKeditor->Value=''; //初始值
    9. $myeditor=$oFCKeditor->CreateHtml(); //创建编辑器调用代码。
    10. echo$myeditor; //显示编辑器
    11. ?>

    以下人Fckeditor的所有工具。
    Preview : "预览",
    Cut : "剪切",
    Copy : "复制",
    Paste : "粘贴",
    PasteText : "粘贴为无格式文本",
    PasteWord : "从 MS Word 粘贴",
    RemoveFormat : "清除格式",
    InsertLinkLbl : "超链接",
    InsertLink : "插入/编辑超链接",
    RemoveLink : "取消超链接",
    Anchor : "插入/编辑锚点链接",
    AnchorDelete : "清除锚点链接",
    InsertImageLbl : "图象",
    InsertImage : "插入/编辑图象",
    InsertFlashLbl : "Flash",
    InsertFlash : "插入/编辑 Flash",
    InsertTableLbl : "表格",
    InsertTable : "插入/编辑表格",
    InsertLineLbl : "水平线",
    InsertLine : "插入水平线",
    InsertSmileyLbl : "表情符",
    InsertSmiley : "插入表情图标",
    About : "关于 FCKeditor",
    Bold : "加粗",
    Italic : "倾斜",
    Underline : "下划线",
    StrikeThrough : "删除线",
    LeftJustify : "左对齐",
    CenterJustify : "居中对齐",
    RightJustify : "右对齐",
    BlockJustify : "两端对齐",
    DecreaseIndent : "减少缩进量",
    IncreaseIndent : "增加缩进量",
    Blockquote : "引用文字",
    Undo : "撤消",
    Redo : "重做",
    NumberedListLbl : "编号列表",
    NumberedList : "插入/删除编号列表",
    BulletedListLbl : "项目列表",
    BulletedList : "插入/删除项目列表",
    ShowDetails : "显示详细资料",
    Style : "样式",
    FontFormat : "格式",
    Font : "字体",
    FontSize : "大小",
    TextColor : "文本颜色",
    BGColor : "背景颜色",
    Source : "源代码",
    InsertCodes : "插入代码",
    FontFormats : "普通;已编排格式;地址;标题 1;标题 2;标题 3;标题 4;标题 5;标题 6;段落(DIV)",

  • 相关阅读:
    《Android 4游戏高级编程(第2版)》书评
    push研究——Apache Mina探索初步
    Android UI开发第二十三篇——分享书架UI实现
    cookie学习总结
    Web.xml配置详解
    Java序列化的机制和原理
    Java高级技术(汇总中...)
    [Java]HashMap的两种排序方式
    jdk与jre的区别
    DM,NLP常用算法汇总
  • 原文地址:https://www.cnblogs.com/cuihongyu3503319/p/2574659.html
Copyright © 2011-2022 走看看