博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何制作富文本框
阅读量:5103 次
发布时间:2019-06-13

本文共 832 字,大约阅读时间需要 2 分钟。

第一看到导师使用div+textarea实现富文本框的时候,有下面两个疑问:

1.为什么不能直接使用textarea?

自己试了一下,发现textarea会将html标签看做字符串,就算是用append()和html()也不可以。这样就没办法通过span等html标签给文本内容附上样式。

2.那直接用div呢?

一个最重要的问题,div不可编辑。哈,当然可以通过设置 contenteditable=“true”;来解决。可是,你会发现一个问题。因为我做的富文本框要跟后台数据

进行校验,正确和错误都要设置不同的颜色。所以需要引入valuechange()方法。但是每次调用valuechange()方法就会发现光标怎么跑到文本前面去了。伙

伴们想要在div+contenteditable=“true”;动态加载图片的时候也会遇到这个问题。

可以把光标设置在文本最末端?

当然可以。使用range对象可以让光标一直处在最末端(el是div对象)

var el=$('#text')[0];//如何把jquery对象转为dom var range = document.createRange(); range.selectNodeContents(el); range.collapse(false); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); But!如果想记录上一次光标插入的位置!看了很多大牛的博客,input等可输入文本都可以成功设置光标在指定位置。然而,div就是不!行!!! 但是,我就是有一种执念,觉得没有解决不了的问题,只有不过硬的技术! 下面是不是应该接着写解决办法了。 loading。。。 各位大牛有想到解决办法,求评论

转载于:https://www.cnblogs.com/Begin-Vic/p/6681398.html

你可能感兴趣的文章
改善C#公共程序类库质量的10种方法
查看>>
AIO 开始不定时的抛异常: java.io.IOException: 指定的网络名不再可用
查看>>
MyBaits动态sql语句
查看>>
HDU4405(期望DP)
查看>>
拉格朗日乘子法 那些年学过的高数
查看>>
vs code 的便捷使用
查看>>
Spring MVC @ResponseBody返回中文字符串乱码问题
查看>>
用户空间与内核空间,进程上下文与中断上下文[总结]
查看>>
JS 中的跨域请求
查看>>
JAVA开发环境搭建
查看>>
mysql基础语句
查看>>
Oracle中的rownum不能使用大于>的问题
查看>>
[Data Structure & Algorithm] 有向无环图的拓扑排序及关键路径
查看>>
cassandra vs mongo (1)存储引擎
查看>>
Visual Studio基于CMake配置opencv1.0.0、opencv2.2
查看>>
遍历Map对象
查看>>
MySQL索引背后的数据结构及算法原理
查看>>
#Leetcode# 209. Minimum Size Subarray Sum
查看>>
SDN第四次作业
查看>>
DM8168 DVRRDK软件框架研究
查看>>