zoukankan      html  css  js  c++  java
  • Simditor用法

    一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。

    Simditor的理念是保持简单,避免过度的功能,每个特性都追求极致的用户体验。


    用法

    1、在你的html页面中引用例如以下文件

    <link media="all" rel="stylesheet" type="text/css" href="simditor/styles/font-awesome.css" />
    <link media="all" rel="stylesheet" type="text/css" href="simditor/styles/simditor.css" />
    
    <script type="text/javascript" src="simditor/scripts/jquery.min.js"></script>
    <script type="text/javascript" src="simditor/scripts/module.js"></script>
    <script type="text/javascript" src="simditor/scripts/uploader.js"></script>
    <script type="text/javascript" src="simditor/scripts/simditor.js"></script>

    2、在使用Simditor的HTML页面里加入textarea文本框,比如

    <textarea id="editor" placeholder="这里输入内容" autofocus></textarea>

    3、在script中初始化编辑器:

    var editor = new Simditor({
       textarea: $('#editor')
    });

    效果例如以下:



    假设不幸工具栏button出现例如以下样式  则仅仅需去掉html头部<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    中的PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"就可以


    JSP同理


    作者:itmyhome

    參考:Simditor官网



  • 相关阅读:
    延迟消失菜单
    控制产品上下滚动
    百度音乐全选
    百度文库评分两种代码写法
    选项卡
    搜狐视频
    m 调用传参图片切换
    IIS 7.5站点配置
    jquery plugins —— datatables 搜索后汇总
    jquery plugins —— datatables 增加行号
  • 原文地址:https://www.cnblogs.com/liguangsunls/p/6941229.html
Copyright © 2011-2022 走看看