可编辑div中如何在光标位置添加内容

最新推荐文章于 2024-05-28 20:40:04 发布

小鹏求知

最新推荐文章于 2024-05-28 20:40:04 发布

阅读量6.9k

点赞数 2

分类专栏： html 前端文章标签： html jQuery

本文链接：https://blog.csdn.net/u011081244/article/details/52160531

版权

本文记录了在可编辑div中实现光标位置插入内容的方法，适用于HTML与jQuery结合的场景，供日后参考。

摘要由CSDN通过智能技术生成

之前做了一个可编辑div需要在里面插入内容，搜了好多代码，就这个能实现我的功能，记录一下，以备以后用

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>UMEDITOR 简单功能</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="../third-party/jquery.min.js"></script>
</head>
<body>

    <h1>UMEDITOR 简单功能</h1>
	<script type="text/javascript">
		$(function(){
			$("#myEditor").focus(function(){
		    	$("#myEditor").removeClass("flag");
		    });
		    /* $("#myEditor").blur(function(){
		    	$("#myEditor").addClass("flag");
		     }); */
		});
	
   		function add(){ 
   		 insertHTML

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小鹏求知

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
可编辑div中如何在光标位置添加内容

之前做了一个可编辑div需要在里面插入内容，搜了好多代码，就这个能实现我的功能，记录一下，以备以后用 UMEDITOR 简单功能 UMEDITOR 简单功能 $(function(){ $("#myEditor").focus(function(){ $("#myEditor").removeClass("fl
复制链接

扫一扫