android 用webView作为编辑器各种问题

1.首先我要说明一下为什么要写这个博客，因为公司最近需要一个自定义的编辑器，苦于没有思路在网上找了好久，看到了好多android实现的编辑器（其实也就那么几个并不多），公司需求和网页端同步共享创建的文档，需要用到html保存数据，然后我就被迫开始了编辑器之旅，这东西我觉得最大的难点就是要手机和网页端保持一致，手机并没有那么自由统一起来还是非常困难的，接下来我就说说我遇到的一些问题.

问题一：我要实现这个样子

红框的地方就是要实现的地方这里是这样的：

<div id="editor" contentEditable="true">adfadf<span class="divcss5" >此DIV盒子左侧为1px实线蓝边框</span>adfadf
</div>

我这里用div红框模拟一下如下图：

然后问题就出来了，此时我们的目的是如果现在光标在上图的红色方框后面的话按下退格键需要删除整个div 而现在点击退格键删除的不是整个div而是div中的内容，这里我们想要的效果是删除红色的框子div，但现在如下图：

现在就比较尴尬了。

解决方法：

其实也很简单就是把 contenteditable="true"属性从div上拿掉移到body上如果你想删的div不想像上图一样的话就在那个div上添加 contenteditable="false" 就行了

<!DOCTYPE HTML>
<html>
<body contenteditable="true"><div>
调调
<div contenteditable="false">
呵呵呵
</div>
这是一段可编辑的段落。请试着编辑该文本。
</div></body>
</html>

转载于:https://www.cnblogs.com/woaixingxing/p/6346780.html

android 用webView作为编辑器各种问题相关推荐

android的webview控件载入网页显示速度慢的究极解决方案,【转】Android的WebView控件载入网页显示速度慢的究极解决方案...
Android客户端中混搭HTML页面,会出现虽然HTML内容载入完成,标题也正常显示,但是整个网页需要等到近秒(甚至更多)时间才会显示出来.研究了很久,搜遍了国外很多网站,也看过PhoneGap的代 ...
android kotlin webview内H5调用微信支付问题
问题商家参数格式有误,请联系商家解决微信文档描述 https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4 解决方法文档说明白了,要在 ...
android使用webview时按后退退出的问题
使用webview打包图片站点http://www.gg4493.cn,代码都好了,具体如下 public class MainActivity extends ActionBarActivity { ...
android使用webview上传文件,Android项目中如何在webview页面中上传文件
Android项目中如何在webview页面中上传文件发布时间:2020-11-26 15:56:27 来源:亿速云阅读:68 作者:Leah 本篇文章为大家展示了Android项目中如何在web ...
Android的WebView控件载入网页显示速度慢的究极解决方案
Android的WebView控件载入网页显示速度慢的究极解决方案 [转载来源自http://hi.baidu.com/goldchocobo/] Android客户端中混搭HTML页面,会出现虽然H ...
android webview 填充,从Android使用WebView自动填充表格
我正在使用WebView尝试使用我发送的数据填充表单.从Android使用WebView自动填充表格 WebView webView; String url = "http://139.59 ...
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用参考文章: (1)解决vue在ios或android中用webview打开H5链接时# ...
android studio 2.1 ndk,Android studio 2.1编辑器（CLint）无法找到使用原生（ndk）插件的模块的标题...
它看起来像AndroidStudio 2.1编辑器突出显示来自本地模块红色的头文件,就像它缺失一样.它似乎构建和运行,但没有问题.任何人都面临同样的问题? (见下图)Android studio 2. ...
webview gif android,使用WebView android读取Gif图像
当你试图从资源目录加载gif时,它没有动画,你应该使用GifWebView. activity_main.xml中 android:layout_width="fill_parent&quo ...

android 用webView作为编辑器各种问题

android 用webView作为编辑器各种问题相关推荐

最新文章

热门文章

android 用webView作为编辑器 各种问题

android 用webView作为编辑器 各种问题相关推荐

最新文章

热门文章

android 用webView作为编辑器各种问题

android 用webView作为编辑器各种问题相关推荐