function set_focus(el) {    el = el[0]; // jquery 对象转dom对象    el.focus();    if ($.browser.msie) {        var rng;        el.focus();        rng = document.selection.createRange();        rng.moveStart('character', -el.innerText.length);        var t…
原因1:document.onselectstart= function(){return false;}; 原因2:父层设置了user-select:none 导致 子层设置了 contenteditable 会出现异常,但是在ie和chrome并没有体现出来 如果把编辑框换成input标签不会由于禁止文本选中而出现光标消失的情况了,可以自己尝试 <!DOCTYPE html> <html lang="en"> <head> <meta ch…
1.对于应用富文本编辑器post提交表单内容提示有危险的解决办法: [ValidateInput(false)] //文本编辑器的表单提交不用提示危险 [HttpPost] public ActionResult Create(FormCollection collection) 即在视图上贴一个标签[ValidateInput(false)] 2.之前没用过百度富文本编辑器,第一次使用,并且用的是MVC框架技术,Razor视图引擎,在编辑页面初始化数据时,富文本编辑器中没有之前添加的文章内容,…
div设置contenteditable="true",即可编辑,除从网页粘贴过来内容的格式 <div contenteditable="true" id="t"></div> <script> var d = document.getElementById( "t" ); document.addEventListener( "keyup", function() {…
问题: 在苹果手机IOS中 contenteditable="true" 做文本域输入,点击可以弹出键盘但是无法输入,安卓都正常. 经测试后,记得加一个样式 -webkit-user-select:text 就可以了.…
div宽度设置width:100%后再设置padding或margin超出父元素的解决办法 一.总结 一句话总结:直接加上box-sizing:border-box;即可解决上述问题. 1.box-sizing的三个属性分别是什么? 根据意思来记很好记的 值一.content-box (向外边框) 值二.border-box (向内边框) 值三.inherit (继承爸爸) 2.设置边框的样式用什么属性? box-sizing box-sizing:border-box; 二.div宽度设置wi…
dedecms添加文章时提示标题为空,编辑文章时编辑器空白的解决办法 dedecms出现这个问题与代码无关,主要是和PHP的版本有关,用的PHP5.4,更换成PHP5.2之后就不会有这个问题了. 问题原因是:php5.4版本中htmlspecialchars在php5.4默认为utf8编码,gbk编码的字符串经过htmlspecialchars 转义后的中文字符串为空了,所以造成添加文章时提示“标题不能为空”,编辑文章时编辑器内容空白. 解决的办法:标题不能为空修改dede/article_ad…
具体实现方法如下: 首先要让DIV启用编辑模式 <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了.不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置② 改变光标位置 var cursor = 0; // 光标位置 document.onselectionchange = funct…
近期需开发一个DIV做的编辑器,插入表情图片可直接预览效果,仔细参考了下百度贴吧的过滤粘贴过来文件的THML代码,自己整理了下.写出来只是和大家分享下,我自己也不大懂,经过努力,幸好搞定. 蛋疼的事情出来了,当编辑框失去焦点时候,再插入图片时候总是插入在最前面(谷歌和火狐,IE没问题).还没搞定,,, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/…
使用方法: 引入并注册组件,然后直接使用: @getcode是同步获取编辑器内容的::contentDefault是编辑器的默认内容: 注意:如果同一个页面多个编辑器,参数id不能相同,否则只有第一个编辑器有样式: 封装组件: 工具栏可以自己添加配置,看自己项目需求 <template> <div class="quill_box"> <quill-editor v-model="content" ref="myTextEdi…