2 suxinchunquan SuXinChunQuan 于 2016.05.08 10:50 提问

在用JavaScript编写富文本,问一些细节问题。求思路。 5C

现在的富文本编辑器是怎么做到所见即所得的。我看了几个案例(比如CSDN这个文本编辑)都是直接写入到一个DIV中。那怎么以表单的方式提交呢?
我在前面的一个问题里解决了获取选中内容的问题。当换行时我希望在当前结点后追加一个P标签,但新输入的内容怎么能让它进入到新的p标签里?
Like this:

 <div id="t" contenteditable="true">
    <p>
        这里输如了一些内容
    </p>
    <p>
        换行后,输入的内容在这里
    </p>
</div>

2个回答

dreamStarLight
dreamStarLight   2016.05.08 12:49

当在p标签里存在内容时,换行后会自动追加一个新的p标签,并将你输入的内容写到新的p标签里的,打开你的检查,自己输入看看效果就知道了

SuXinChunQuan
SuXinChunQuan 如果输入内容之后全选,删除,Div里的P就没有了。更改Div的innerHTML=“<P></P>”后再输入内容就在P标签之外了,怎么破?怎么把焦点定位在P标签中间?
大约 2 年之前 回复
qq_21792169
qq_21792169   2016.05.08 14:06

创建form表单使用input输入时间,利用cgi脚本处理提交的数据

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
面试100问面试技巧
面试100问,可以帮你面试 有常用面试问题,面试官喜欢问的一些细节,你的应付思路。
java的一些细节问题!
最近发现了一个很诡异的NullPointerException,在下面这个方法抛出,一开始怎么都没想明白,dSrc即使为null,那直接赋值给distinct也没问题啊。   private Doubledistinct;   private void setParam(Double dSrc, boolean flag) {   this.distinct = (flag) ? dSrc
NYOJ891(找点)(贪心之区间覆盖问题)
找点 时间限制:2000 ms  |  内存限制:65535 KB 难度:2 描述 上数学课时,老师给了LYH一些闭区间,让他取尽量少的点,使得每个闭区间内至少有一个点。但是这几天LYH太忙了,你们帮帮他吗? 输入多组测试数据。 每组数据先输入一个N,表示有N个闭区间(N≤100)。 接下来N行,每行输入两个数a,b(0≤a≤b≤100),表示区间的两个端点。输出输
1.1算法入门之百钱白鸡问题
一 . 问题描述 一只公鸡值五钱,一只母鸡值三钱,三只小鸡值一钱,现在百钱买百鸡,请问,公鸡,母鸡,小鸡各多少只? 二. 问题分析  三个变量 cock ,hen,chicken 1> cock+hen+chicken=100; 2> cock*5+hen*3+chicken/3=100; 三. 算法设计 采用穷举法 cock #include //
java编写代码需要注意的小细节
最近在公司负责sonar问题解决的工作,初步得到了以下心得: 1、在正常的处理过程中要慎用e.printStacktTace();尽量自己写异常的打印或者记录工作,因为e.printStacktTace()有可能在程序的处理过程中导致程序的中断,甚至是服务器的宕机。 2、在一些流使用过后应先判断是否为空,不为空的话才可以调用close()方法,不然有可能会报空指针异常。推荐使用apache的c
一个客户端服务器通信实现细节
案例:一个客户端运行在主机A上,主机A与LAN1相连接,他发送
android开发的一些步骤
做了几个android企业应用项目后,总结了项目的基本开发步骤,希望能够交流。 一 应用规划:     ※确定功能。     ※必须的界面及界面跳转的流程。     ※需要的数据及数据的来源及格式。     ※是否需要服务端支持。     ※是否需要本地数据库支持。     ※是否需要特殊权限。     ※是否需要后台服务。 二 架构设计:     ※分层。     ※网络连
关于Servlet的几个细节问题
关于response和request service方法中的两个重要参数。 ServletRequest – 用接收用户的请求。它的作用是: •可获取请求头信息。 •可设置请请求的字符编码。 •可获得用户传递的参数。Post或get。 •可获取远程(即访问者)的IP地址。 •可获取输入流,如用户上传文件、相片等。 •它的一个子接口:javax.servlet.http.Ht
一些经典算法的js实现方案
题目描述 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。function Find(target,array){ //代码实现 for(var i=0;i<array.length;i++){ for(var j=0;j<array[i].leng
25 个最基本的 JavaScript 面试问题及答案
1.使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱? 尽管 typeof bar === "object" 是检查 bar 是否对象的可靠方法,令人惊讶的是在JavaScript中 null 也被认为是对象! 因此,令大多数开发人员惊讶的是,下面的代码将输出 true (而不是false) 到控制台: var b