wangEditor
wangEditor copied to clipboard
V4版本 Shift+Enter 快捷换行,V5版本不生效
系统 win7 浏览器 chrome 88.0.4324.150
shift + Enter 有生效,但是是和Enter键一样换段落的效果 用了 ctrl-enter 插件 还是换段落的效果,enter键失效了
我测试着 v5 可以用 Shift+Enter 换行。
你是什么系统、什么浏览器?—— 请按照 issue 模板来补充。
目前V5版本从其他地方复制过来的有换行格式的段落,在富文本里面换行地方由<br>换成了<p>导致行间距变大。insertBreak事件目前是换段落而不是换行,是否考虑后续优化成换行(即<br/>)
@sqi520 insertBreak 就是换段落,这不会变。如有其他问题,可提供详细的复现步骤。
不太明白V4版本里面,可以通过shift+enter进行换行,到了V5版本变成了换段落。实际使用中会有如下需求,我们通过换行和换段落来区分不同行间距,其次通过保存后,以邮件发送发出,那么如果换行处有
会利于邮件客户端展示~
@sqi520 insertBreak 就是换段落,这不会变。如有其他问题,可提供详细的复现步骤。
以下是V5版本的效果

以下是V4版本的效果

你意思是:shift + enter 生成 <br> 换行,对吧?
是的,这样的话就和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: @.***>
参照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])
你意思是:shift + enter 生成
<br>换行,对吧?
我也认为这个应该作为默认功能来实现,毕竟大家的习惯就是 shift+enter 就是br换行。其他编辑器也是这样的。
是的
---原始邮件--- 发件人: @.> 发送时间: 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: @.***>