zoukankan      html  css  js  c++  java
  • ckeditor(在线文本编辑器)使用教程

    ckeditor是一款由javascript编写的富文本网页编辑器,它可以填写文字、插入图片、视频、Excel等富媒体信息,也可以在源码方式下填写内容,在各个网站中应用非常广泛。

    下面就来说说ckeditor到底是怎么使用的。

    方法/步骤

     
    1. 首先百度中输入ckeditor,第一个链接就是它的官网,点击进入。

    2. 点击右侧的download按钮。

    3. 接下来会提示要下载哪种类型的包,建议第三种full package,因为这个全,点击Download CKEditor将它下载下来。

       
    4. 解压下载后的zip包,可以看到它里面有好多的js和css。

    5. 接下来就要进行配置了。

    6. 第一步:将ckeditor整个文件夹放到网站资源目录下,如下图。

    7. 第二步:在要添加ckeditor的网页上加入ckeditor.js,如下图。

    8. 第三步:在要转换成富文本的textarea下方编写js:CKEDITOR.replace('textarea的name'),如下图。

    9. 第四步:打开网站查看效果,如下图。

    10. 这样就简单快捷地实现了网页在线编辑器,不过这个编辑器看上去呆呆的,其实它还可以变得更加漂亮呢,改天再写怎么样让它变得漂亮起来。

  • 相关阅读:
    vue中的具名插槽
    vue中默认插槽slot
    局部组件使用指令-方法-过滤器-计算属性
    vue创建局部组件
    Class Metaprogramming
    Attribute Descriptors
    Dynamic Attributes and Properties
    Concurrency with asyncio
    Concurrency with Futures
    Coroutines
  • 原文地址:https://www.cnblogs.com/xiaotianrui/p/7844819.html
Copyright © 2011-2022 走看看