Adding new line in Trumbowyg editor

Question

I use Trumbowyg editor (https://github.com/Alex-D/Trumbowyg) and I've wanted to override behavior of Enter (which I've already done).

I've wanted also to make Ctrl+Enter key combination to add a newline to the editor (like it is binded for plain Enter by default) but I couldn't find exact method which is used for that in the source code - does anyone know how is it solved?

score 2 · Answer 1 · edited Jun 06 '22 at 19:13

2

I've managed to do this - I've added a keypress event for e.ctrlKey && (e.keyCode === 13 || e.keyCode === 10) keys with such behaviour:

this.editor.trumbowyg('execCmd', {
  cmd: 'insertHTML',
  param: '<p></p>',
  forceCss: false
})

I haven't noticed any weird behavior in working of the editor yet, but will report if I find any.

edited Jun 06 '22 at 19:13

Dagmar

2,968
23
27

answered Apr 19 '18 at 11:46

lukaszkups

5,790
9
47
85

score 1 · Answer 2 · answered Apr 19 '18 at 11:30

1

There's an issue closed because this behavior is not possible. Sorry.

Check this: https://github.com/Alex-D/Trumbowyg/issues/617

answered Apr 19 '18 at 11:30

Ignacio Ara

2,476
2
26
37

thanks for the comment! I was aware of that issue but haven't stopped there and tried make it working (and I hopefully managed to solve that problem already - added my own answer) :) – lukaszkups Apr 19 '18 at 11:46

score 0 · Answer 3 · edited Aug 14 '19 at 14:00

0

comment out these ↓↓

Ln:1020

// t.semanticCode(false, true);

Ln:617

// t.semanticCode(false, compositionEndIE && keyCode === 13);

I could solve " auto <p> tag insert ISSUE ".

edited Aug 14 '19 at 14:00

Dharman

30,962
25
85
135

answered Aug 14 '19 at 13:51

OKUTABI_ANUS

1

Adding new line in Trumbowyg editor

3 Answers3