wangEditor-mobile icon indicating copy to clipboard operation
wangEditor-mobile copied to clipboard

编辑器追加内容,div滚动条如何滚到到最底部。。。谢谢

Open zimuyun opened this issue 9 years ago • 2 comments

说下我目前所遇到的问题,

1.当全局菜单设置为空的时候,编辑器会出现黑边的情况。 ___E.config.menus = []; 这个不好截图,点击文字就是出现菜单的最左边的黑条和倒三角。

2.当编辑器里面有很多内容,出现滚动条的时候,此时用户使用 $txt.append('追加内容aaaaa...');追加内容,当编辑器的滚动条在最顶部的时候,怎么才能使编辑器的滚动条会自动滚动到最底部。

3.使用$txt.text();获取text内容的时候,好像把换行符都去掉了,怎样设置不去掉换行符,保持现在格式状态。

4.在编辑器敲回车的时候好像是自动生成< div >< br >< /div > ,能不能换成< p >< br >< /p >这样。

zimuyun avatar Feb 19 '16 00:02 zimuyun

85f27b3a-7a84-46d5-b48d-9cb3f75c177a f135c27b-db23-4829-aa4e-5ab1608a5fa6

第一张图是咱们编辑器使用$txt.text();获取到的内容。

第二张图是其它编辑器获取textarea的val值的弹出值。

$txt.text();怎样才能达到第二章图这样的效果呢?

zimuyun avatar Feb 19 '16 00:02 zimuyun

  1. 菜单设置为空,黑边情况应该是有的。你这一说我才想起来,之前我没想到会有menus是空的情况。
  2. 怎么样让编辑器滚动到最底部?——其实编辑器区域就是$txt,就是一个jquery封装的<div>,你可以使用js的自带的scroll方法让$txt滚动到最底部。
  3. $txt就是一个jquery封装的<div>$txt.text()也是jquery的基本函数,所以取出来的是不换行的。目前上没有能出去来是换行的text的API。不过要想实现这个,可以使用$txt.html()取出源代码,自己来做处理。

其实,这个wangEditor-mobile是我年前对移动端编辑器的一个尝试,后来升级PC版的2.0,也没再维护过。今年我计划将wangEditor-mobile集成到PC版的2.0中,做成响应式的。你提到的这些问题,我到时候将作为参考内容。

wangfupeng1988 avatar Feb 19 '16 01:02 wangfupeng1988