Kindeditor

最新推荐文章于 2024-09-10 18:37:52 发布
最新推荐文章于 2024-09-10 18:37:52 发布
阅读量1.4k 收藏
点赞数
分类专栏： 资料 文章标签： iframe 文档 css web c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jion_tang88/article/details/6411427
版权

用了很多的web文档编辑器，最终还是觉得“KindEditor”比较和我的胃口。喜欢TA的最关键原因是有人维护，不断的在改进。

支持开源、支持改进。

 

问题总结：

1.如何修改kindeditor的默认字体大小：

skins /common/editor.css。其中，body代码如下：

body { margin: 0; padding: 5px; background-color: #FFFFFF; color: #000000; font: 14px/1.5 "sans serif",tahoma,verdana,helvetica; }

这里 不仅设置“字体大小”，还可以设置"字体"、”背景色“、”默认字体颜色“等等。这里文本是以页面的形式加载到iframe中的。css：<body  class ="ke-content " >

2.如何自定义kindeditor的颜色块：

kindeditor.js 的colorTable属性如下：

colorTable : [ ['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'], ['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'], ['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'], ['#FFFFFF', '#CCCCCC', '#999999', '#666666', '#333333', '#000000'] ],

有什么需要，就自己加吧！

    看他的js源码时间有意思的事情。

    最后提供个下载地址：http://www.kindsoft.net/

     

    jion_tang88
    关注
    专栏目录
    kindeditor 颜色选取器
    起风了
    07-15 314
     KindEditor.ready(function(K) { var colorpicker; K('#colorpicker').bind('click', function(e) { e.stopPropagation(); if (colorpicker) { colorpicker.remove()
    KindEditor颜色太少了不够用解决办法
    weixin_34356138的博客
    11-08 319
    KindEditor颜色太少了不够用解决办法 down下kindeditor.js找到第70行，自己添加自己想要的颜色即可： 修改后如下： 百度现在也有网页在线编辑器了，推荐使用： http://ueditor.baidu.com/website/ 本文转自许琴 51CTO博客，原文链接：http://blog.51cto....
    kindeditor的颜色插件重写
    billow007的专栏
    04-13 483
    从网上找了个颜色插件，改写到kindeditor中，本人js太烂，代码还需整理，不过可以用了 KE.colorpicker = function(arg) { var wrapper; var x = arg.x || 0; var y = arg.y || 0; var z = arg.z || 0; var colors = arg.colors || KE.set...
    kindEditor的使用
    WanDerIngcc的博客
    01-23 283
    先上图： 下载好kindEditor的资源放到static下，如下图： 在Html页面中写入JS代码，由于原始的富文本编辑器样式太丑了，换个theme，这里刚使用时改主题耗了太久时间，最后发现是CSS样式引入的错误和themes后面的参数写错，直接拿代码用的风险太大了（是我太菜了┭┮﹏┭┮） //开头引入所需主题的CSS即可 <link rel="stylesheet" href="/static/js/kindeditor/themes/darkGray/darkGray.css"/> &
    [经验技术]Kindeditor与SyntaxHighlighter整合实现代码着色
    tingliting的专栏
    01-12 1526
    目的：鉴于网络中许多程序员在进行技术交流时，时常会将程序源代码直接显示于页面之中，这样有两个弊端。第一、如果源代码在显示之前没有经过“特别处理”，有可能代码会在页面显示的同时直接运行后输出，造成页面错误输出；第二、用户在浏览该页面，读取源代码内容的时候，有可能显示不够美观，造成阅读困难。因此我们在输出源代码的时候，使之能够像在我们的Notepad ++ 、Vim、 或Eclipse这样的编辑器
    kindeditor
    04-25
    1. **基本功能**：KindEditor提供基础的文字格式化选项，如字体、字号、颜色、对齐方式等，以及列表、链接、图片、表格、代码块等元素的插入和编辑。它还支持撤销/重做操作，使得编辑过程更为流畅。 2. **多语言...
    kindeditor添加网络视频插件
    05-06
    KindEditor是一款广泛应用于网页编辑器的开源项目，它旨在提供用户友好的“所见即所得”（WYSIWYG）编辑体验。通过集成KindEditor，网站管理员可以让访客轻松地编辑和格式化文本，添加图片，甚至插入网络视频，极大...
    Kindeditor设置编辑器默认字体大小及字体取色器自定义
    言会咸
    12-03 1万+
    1.如何修改kindeditor的默认字体大小： skins /common/editor.css。其中，body代码如下： body {margin: 0;padding: 5px;background-color: #FFFFFF;color: #000000;font: 14px/1.5 "sans serif",tahoma,verdana,helvetica;} 这里 不仅设置“字
    富文本编辑器 kindeditor 使用整理
    json_li的博客
    05-19 4837
    kindeditor富文本编辑器忘记什么时候添加到项目中了，最近做一个功能需要在原有编辑器上自定义添加一些固定内容，于是对着编辑器文档研究了一番，在这里做一个使用方式整理。
    KindEditor4.1.4代码高亮显示设置
    hober的专栏
    05-01 1567
    在线编辑器KindEditor很强大，但是默认没有开启代码高亮功能。网上找到了一些方法。 1.后台还需要加载prettify.js和prettify.css 编辑器初始化设置后，在里面加cssPath(注意路径)和prettyPrint() KindEditor.ready(function(K) { window.editor = K.create('#editor_id',{
    VUE引入kindeditor、本地化、一键排版样式等操作
    qq_38718629的博客
    04-01 2710
    文中所有资源可点击此处免费下载 1、创建VUE项目，安装kindeditor cnpm i kindeditor -S 2、在components下新建KindEditor文件夹，新建Index.vue组件， <template> <div class="margin-top-20"> <textarea name="content" :id="id" v-model="outContent"></textarea> <div st
    为KindEditor编辑器中的内容增加样式，使得自定义前台页面显示效果与编辑器效果一致
    大事龙
    12-29 8153
    KindEditor 本身自带有一定的样式，且为内部样式，在使用过程中，难免会发现部分效果不是我们想要的，因此，KindEditor提代了两种方式供使用着调用 1、内部样式，通过 cssData 属性，控制内容样式，如：K.create('textarea[name=conte
    Tinymce源码-颜色选择器样式、交互改造
    weixin_43402720的博客
    03-07 1191
    tinymce颜色选择器源码修改
    KindEditor初始化参数列表
    热门推荐
    FreshMan
    08-14 3万+
    width 编辑器的宽度，可以设置px或%，比textarea输入框样式表宽度优先度高。 数据类型: String默认值: textarea输入框的宽度 示例: K.create('#id', { width : '700px' }); height 编辑器的高度，只能设置px，比textarea输入框样式表高度优先度高。 数据类
    javascript控制滚动条位置的方法
    jion_tang88的专栏
    07-18 3770
    方法一：用scroll方法实现。     document.write(new Array(100).join(""))    方法二：用scrollBy方法实现。     document.write(new Array(100).join(""))    方法三：用scrollTo方法实现。     document.write(new Array
    date.parse在IE和FF中的区别
    jion_tang88的专栏
    05-11 487
    这个方法是很常用的，比如在验证输入日期是否存在时，可以使用它，如果是一个不存在的日期，则其返回值将是NaN，另外如果要比较两个日期的先后，或是计算两个日期相差的天数 ，都可以用到。 <br /> Date.parse(dateVal) <br /><br /> 　　这个方法是很常用的，比如在验证输入日期是否存在时，可以使用它，如果是一个不存在的日期，则其返回值将是NaN，另外如果要比较两个日期的先后，或是计算两个日期相差的天数 ，都可以用到。 <br /><br /> 　　今天在使用它
    css的选择器有哪些？权重由大到小是怎么排序的？
    最新发布
    BANaanaa的博客
    09-10 701
    来看看css的选择器与权重比吧
    js的书写位置和css的书写位置的区别？为什么要这样写？
    QQ1257871322的博客
    09-10 400
    这种分离方式有助于优化加载速度和页面渲染性能，使得 HTML、CSS 和 JavaScript 各司其职，各自处理不同的任务。JavaScript 用于添加页面的动态行为和交互。标签之前），以确保在执行脚本时页面的 DOM 元素已经加载完毕，从而避免脚本执行时无法找到需要操作的元素。CSS 主要用于控制页面的视觉样式和布局，通常在 HTML 文件的。部分引入，以确保在页面渲染时样式已经加载完毕，从而避免样式闪烁。标签中，或者在外部样式表文件中（标签中，或者在外部脚本文件中（
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值