html可编辑段落,javascript – HTML5内容列表后的可编辑段落

Bryan Allo发布的答案没有考虑到你需要将光标放在div的末尾.否则,每次替换操作时,用户都必须按CTRL-End.

function setEndOfContenteditable(contentEditableElement){

// Taken from https://stackoverflow.com/a/3866442/1601088

var range,selection;

if(document.createRange){//Firefox, Chrome, Opera, Safari, IE 9+

range = document.createRange();

range.selectNodeContents(contentEditableElement);

range.collapse(false);

selection = window.getSelection();

selection.removeAllRanges();

selection.addRange(range);

}

else if(document.selection){//IE 8 and lower

range = document.body.createTextRange();

range.moveToElementText(contentEditableElement);

range.collapse(false);

range.select();

}

function replaceDivWithP(el){

$(el).find('div').each(function(){

$(this).replaceWith($('

' + $(this).html() + '

'));

});

}

$(function(){

$(".text").simpleEdit();

});

$('.textarea').bind('keyup', function(){

replaceDivWithP(this);

setEndOfContenteditable(this);

});

html可编辑段落,javascript – HTML5内容列表后的可编辑段落相关推荐

Latex悬挂缩进——整段缩进or列表符号不缩进，段落缩进
宏包(正文编辑前) 正文输入前需要加入宏包"\usepackage{CJK}",如下代码: \documentclass[journal]{IEEEtran} \usepackag ...
html弧形列表效果,JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
本文实例讲述了JavaScript+html5 canvas绘制的圆弧荡秋千效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: demo #canvas { margin:50 ...
HTML5期末大作业：鲜花超市网站设计——鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:鲜花超市网站设计--鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作作品介绍 1.网页作品简介 ...
html5摒弃的标记,5 HTML5的列表标记
HTML5的列表标记 H5的列表标记可分为符号列表和列表标记两种符号列表符号列表的标记为 ,但是需要配合标记使用练习截图代码我的博客首页编程语言的分类 ios python swift ...
html复制文字兼容手机,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
George Fox谈Adobe开发者社区与HTML5内容建设
前不久,笔者有幸接触Adobe开发者社区总编George Fox,对其进行了简短的采访,George主要谈到了Adobe开发者社区的内容动态,并针对HTML5内容建设以及Adobe在HTML5上所作的 ...
html5 js 手机剪切板,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
柴静调查:穹顶之下_调查：HTML5数据列表
您可能已经在Web上的某处遇到了这种响应: 在输入表单中输入内容时,建议列表会出现在输入内容的底部 . 多年来,我们依靠JavaScript来创建这样的功能. 今天,我们可以使用新的HTML5 < ...
html 安卓视频加载错误,javascript – html5视频无法在Android webview中播放,但适用于(移动)Chrome...
我有一个(客户)网站使用js brightcove player来渲染html5视频. (阅读:我无法编辑网站本身) 在移动Chrome中,视频有效,一切都很好.但是在我的Android应用中,使用呈 ...
JavaScript开发工具列表
摘要:你经常使用JavaScript开发吗?你使用哪些JavaScript开发工具?本文中,总结了一些非常实用的JavaScript工具,全部是免费的.使用这些工具将直接影响你的工作效率. 在今天网络 ...

html可编辑段落,javascript – HTML5内容列表后的可编辑段落

html可编辑段落,javascript – HTML5内容列表后的可编辑段落相关推荐

最新文章

热门文章