wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

V4版本 Shift+Enter 快捷换行,V5版本不生效

Open learn-js2016 opened this issue 3 years ago • 11 comments

系统 win7 浏览器 chrome 88.0.4324.150

shift + Enter 有生效,但是是和Enter键一样换段落的效果 用了 ctrl-enter 插件 还是换段落的效果,enter键失效了

learn-js2016 avatar May 30 '22 13:05 learn-js2016

我测试着 v5 可以用 Shift+Enter 换行。

你是什么系统、什么浏览器?—— 请按照 issue 模板来补充。

wangfupeng1988 avatar May 31 '22 00:05 wangfupeng1988

目前V5版本从其他地方复制过来的有换行格式的段落,在富文本里面换行地方由<br>换成了<p>导致行间距变大。insertBreak事件目前是换段落而不是换行,是否考虑后续优化成换行(即<br/>

sqi520 avatar May 31 '22 11:05 sqi520

@sqi520 insertBreak 就是换段落,这不会变。如有其他问题,可提供详细的复现步骤。

wangfupeng1988 avatar May 31 '22 11:05 wangfupeng1988

不太明白V4版本里面,可以通过shift+enter进行换行,到了V5版本变成了换段落。实际使用中会有如下需求,我们通过换行和换段落来区分不同行间距,其次通过保存后,以邮件发送发出,那么如果换行处有
会利于邮件客户端展示~

sqi520 avatar May 31 '22 11:05 sqi520

@sqi520 insertBreak 就是换段落,这不会变。如有其他问题,可提供详细的复现步骤。

以下是V5版本的效果 企业微信截图_16540001778162

以下是V4版本的效果 企业微信截图_16540001085081

sqi520 avatar May 31 '22 12:05 sqi520

你意思是:shift + enter 生成 <br> 换行,对吧?

wangfupeng1988 avatar Jun 01 '22 00:06 wangfupeng1988

是的,这样的话就和V4版本保持一致啦

---原始邮件--- 发件人: @.> 发送时间: 2022年6月1日(周三) 上午8:34 收件人: @.>; 抄送: @.@.>; 主题: Re: [wangeditor-team/wangEditor] V4版本 Shift+Enter 快捷换行,V5版本不生效 (Issue #4301)

你意思是:shift + enter 生成 <br> 换行,对吧?

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

sqi520 avatar Jun 01 '22 00:06 sqi520

参照ctrl-enter插件,实现shift+enter换行功能

      import { DomEditor } from '@wangeditor/editor';

      useEffect(() => {
        if (editor) {
          const { $textArea } = DomEditor.getTextarea(editor);

          if ($textArea) {
            $textArea.on('keydown', (event) => {
              if (event.key === 'Enter' && event.shiftKey) {
                event.preventDefault();
                // 直接插入br标签无效
                editor.dangerouslyInsertHtml('<span><br /></span>');
              }
            })
          }
        }
      }, [editor])

learn-js2016 avatar Jun 01 '22 07:06 learn-js2016

你意思是:shift + enter 生成 <br> 换行,对吧?

我也认为这个应该作为默认功能来实现,毕竟大家的习惯就是 shift+enter 就是br换行。其他编辑器也是这样的。

tulies avatar Aug 26 '22 09:08 tulies

是的

---原始邮件--- 发件人: @.> 发送时间: 2022年8月26日(周五) 下午5:45 收件人: @.>; 抄送: @.@.>; 主题: Re: [wangeditor-team/wangEditor] V4版本 Shift+Enter 快捷换行,V5版本不生效 (Issue #4301)

你意思是:shift + enter 生成 <br> 换行,对吧?

我也认为这个应该作为默认功能来实现,毕竟大家的习惯就是 shift+enter 就是br换行。其他编辑器也是这样的。

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

sqi520 avatar Aug 26 '22 09:08 sqi520