前端编辑器-kindeditor的使用_小女子的博客的博客-程序员宅基地

技术标签: web前端/js  kindeditor  编辑器  编辑框  前端  

        项目中用到了编辑器,就来科普了一下,由于不懂什么php,asp什么的,兜了一圈!调用这个插件的时候还需要还需要依赖于show_ads.js,本事只是提供参考,更多的API请参考官网:http://kindeditor.net/doc.php


<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>kindeditor</title>
    <style>

    </style>
    <link rel="stylesheet" href="../../../bower_components/kindeditor/themes/default/default.css" />
    <!--<link rel="stylesheet" href="../../../bower_components/kindeditor/themes/simple/simple.css" />-->

</head>
<body>
<form>
    <textarea name="content" style="width:800px;height:200px;" id="test"></textarea>
</form>
<script charset="utf-8" src="../../static/src/js/jquery-1.11.2.js"></script>
<script charset="utf-8" src="../../../bower_components/kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="../../../bower_components/kindeditor/lang/zh-CN.js"></script>

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script>
    $(function() {
        var editor = KindEditor.create('textarea[name="content"]',{
            afterBlur : function() {
                var  html = editor.html();  //获取编辑器的内容
                alert(editor.html())
            },
            noDisableItems:['source','fullscreen'],   //工具栏小图标的设置,默认的是横向的
            resizeType:0,//2或1或0,2时可以拖动改变宽度和高度,1时只能改变高度,0时不能拖动
            fullscreenMode:false
        })

    });


</script>

</body>
</html>


这样就是简单的一个可编辑框就出来!





版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/liuian1946/article/details/70158037

智能推荐

静态数据与动态数据_静态数据和动态数据_山竹回家了的博客-程序员宅基地

电脑有两个常用且重要的组成部分,分别为内存与硬盘,都是用来存储数据的。不同点在于,内存是用来存储动态数据的,硬盘是用来存储静态数据。静态数据:静态数据是指一些永久性的数据,一般储存在硬盘中。储存空间大,普通计算机的硬盘有500G左右,因此可以存放比较大的文件。储存的时长:只要不主动删除或硬盘损坏数据永远都在。哪些是静态数据:静态数据一般是以文件的形式存储在硬盘上,比如文档、照片、视频等。动态数据:动态数据指在程序运行过程中,动态产生的临时数据,一般存储在内存中。储存空间小,一般普通计._静态数据和动态数据

bug_米蔓的博客-程序员宅基地

Description作为一代码农,Thor遇到了数不清的bug。幸好Thor是个不怕解决bug的人,可是Thor发现有的时候解决bug的先后顺序十分关键,也许有的时候解决了bug A反而导致了解决bug B的难度增加。Thor虽然不怕bug,但是Thor却不想因为自己解决bug的顺序而付出太多额外代价。如果把所有bug抽象为点,bug之间的关联性作为边,边是无向的。每个bug有难度值

ubuntu12.04 64位系统配置jdk1.6和jdk-6u20-linux-i586.bin下载地址_jre-6u20下载_一叶飘舟的博客-程序员宅基地

1:下载地址http://code.google.com/p/autosetup1/downloads/detail?name=jdk-6u20-linux-i586.bin&can=2&q2:安装:sudo -s ./jdk-6u20-linux-i586.bin3:配置环境变量sudo vim /etc/profile最后添加export JAVA__jre-6u20下载

android GridView 在TV上,上下翻页的时候平滑滑动的实现_橘小刚的博客-程序员宅基地

应该做过android tv开发的同学都知道,在TV上使用GridView的时候,如果焦点上下移动的时候,如果移动到在屏幕上可见的第一行或者最后一行的时候,如果再继续上下移动,的话,是比较生硬呆滞的的上下滚动页面,焦点移动到下一个item上,这是非常不太好的体验效果,我们要的是比较平滑的滚动效果。首先我们要来了解一下GridView的如下这个方法:smoothScrollToP

看十年学会一门语言_address2的博客-程序员宅基地

如果一门语言不能改变你的思维方式,那就不值得学,c, perl, cplusplus, stl, lisp沿着这条路走吧。 做一些有趣的东西来保持兴趣, 要足够有趣来使得你能够花十年的时间坚持; 多实践,和其他的人多交流,多阅读别人的代码,理解别人的想法; 学编程,最好的方式是通过做东西来学; 在一些项目做最好的程序员,在一些项目做最差

解决windows下 cd 无法切换盘符目录_windows cd到其他盘后还是显示根目录_M_Jack的博客-程序员宅基地

在windows下, 打开cmd.exe, 默认进入到当前用户主目录下, 发现除了C:\盘, 可以通过cd .. , cd , dir 去到C:\盘的各个目录外, 不能通过 cd d: 进入到其他盘可以在c盘各个目录自由切换 不能通过 cd d: 进入到其他盘, 仍停留在原来的位置 有两种方式可以解决这个问题:cd /d d: 在 cd 和盘符之间加上 /de: 不用cd指令..._windows cd到其他盘后还是显示根目录

随便推点

深度解析KGDB调试Linux模块和内核_hai0808的博客-程序员宅基地

http://blog.csdn.net/swingwang/article/details/72331196转载文章请注明作者和二维码及全文信息。不会编程的程序员,不是好的架构师,编程和内核调试也是出色架构师的必修课。谈起编程人员的数量,基于Linux平台的软件工程师肯定是最多的,没有之一。那今天我们就以Linux为例,深入讲一下内核模块和内核的调试技术和调试工具KG

使用vuex在vue + vant 项目中加 loading加载_vant loading 函数调用_小仙女de成长的博客-程序员宅基地

由于项目需要,参考网上例子,自己动手写了一个,废话不多说,上代码。在src目录下新建store目录,store目录下新建store.js文件 (已确保已装好vuex)import Vue from 'vue'import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { ..._vant loading 函数调用

在Windows上实现link_windows link命令_费德勒的左手的博客-程序员宅基地

众所周知,在Linux上,link命令很好很强大,可以很方便的为我们创建链接。但是在Windows上却没有对应的功能,之多只能建一个快捷方式,但是远远达不到link的功能。如何才能使Windows上也具备类似Linux上link的功能呢?最近因工作需要,研究了一下,发现方法还挺多。1. mklink这个是Windows自带的命令,可惜只有在Vista与Win7以上的版本才能默认支持_windows link命令

【C++】迭代器 && vector中迭代器失效_c++ vector迭代器 不使用指针_Suk-god的博客-程序员宅基地

文章目录1、什么是迭代器?2、迭代器与指针3、迭代器的分类3.1具体分类3.2为什么要对迭代器分类?3.3迭代器的使用建议4、vector迭代器失效4.1迭代器失效及其危害4.2哪些操作会导致迭代器失效 && 如何解决1、什么是迭代器?在STL中,容器的迭代器(Iterator)被作为容器元素对象或者IO流中的对象的位置指示器.因此,我们可以把迭代器理解为面向对象的指针(一种泛型指针或通用指针),它不依赖元素的真实类型。如何理解这里的通用?迭代器的“通用”是概念上的一种通用。所_c++ vector迭代器 不使用指针

请求转发和重定向的区别_简述请求转发和请求重定向的区别_yiyayiya980624的博客-程序员宅基地

1、请求转发是同一个请求,而重定向会产生两个不同的请求;2、请求转发必须转发到同一应用下的其他资源,而重定向可以定向到任意资源;3、请求转发过程中地址栏不变,而重定向客户端的地址栏会显示新地址;4、原request数据是否可用:请求转发可用,重定向不可用;5、请求转发在服务器端完成,而重定向在客户端完成;6、请求转发的速度快,而重定向速度慢;7、请求转发必须是在同一台服务器下完成,而重定向可以在不同的服务器下完成。..._简述请求转发和请求重定向的区别

VS Code Material Icon Theme插件设置自定义文件夹图标关联_pkief.material-icon-them_MC3366的博客-程序员宅基地

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar_pkief.material-icon-them

推荐文章

热门文章

相关标签