포럼

Froala Editor에 대한 사용의견을 남기는곳 입니다.
데모는 edit mode demo, inline mode demo에서 체험해 보실 수 있습니다.

프로알라에디터에서 띄어쓰기를 p 태그 대신 br 태그로 바꾸려면 어떻게 하나요?

이온디 2020.05.09 Views 46 Votes 0

프로알라에디터에서 띄어쓰기를 p 태그 대신 br 태그로 바꾸려면 어떻게 하나요?

기본 엔터는 br로 하고, ctrl+enter 또는 enter+enter는 p 태그로 하고 싶은데 어떻게 하면 되는지 아시나요..

Profile

3개의 Comment

Profile
라르게덴
2020.05.09

P를 BR로 바꾸는 옵션입니다.

enter: $.FroalaEditor.ENTER_BR

BR옵션일때에 단락 구분을 P로 사용하는 단축키는 지원하지 않습니다. 특수키에 해당하는 기능을 별도로 구현해야 됩니다.

Profile
이온디
2020.05.16
@라르게덴

감사합니다.

관련해서 좀 더 찾아보니,

https://github.com/froala/wysiwyg-editor/issues/349 

여기 댓글 중에서 보면..

$(selector).on('froalaEditor.initialized', function (e, editor) {
    var old_enter = editor.cursor.enter;
    editor.cursor.enter = function (shift) {
        return old_enter(!shift);
    }
}).froalaEditor();
👍 1


저 이슈 남긴 분도 보니,

enter과 Shift+Enter를 서로 바꾸는 걸 물어봤던데요. (ctrl+enter가 아니라 Shift+Enter 였군요;)

그래서 댓글에 저런 부분이 있어서 추가설정에 저대로 넣어줬더니, 에디터 자체가 안 뜨던데..


혹시 어떻게 적용해야지 저게 동작할 수 있을까요?


#추가로..

https://stackoverflow.com/questions/26461915/howto-change-p-p-tags-to-br-tags-on-pressing-enter 

<br><br>은 <p>로 변경하는 건데..

e for event 
                if (e.which == 13) {

                    document.execCommand('insertHTML', false, '<br><br>');

                    return false;
                }
   it insert two br insteda of p       

이런 코멘트가 있던데, 이건 프로알라에디터에 적용하려면 어떻게 하면 될까요?;;

Profile
라르게덴
2020.05.18
@이온디

죄송합니다만, br과 p태그 구분의 단축키를 서로 바꾸는 코드는 제가 구현해본적이 없습니다. 따라서 현재로썬 어떻게 해야할지 답변 드리기 어렵습니다. 이 답변을 위해서는 제가 시간을 내서 조사해보고 개발하고 테스트해봐야 합니다. <br> 두번 처리의 경우 또한 마찬가지 입니다.

개발을 의뢰하신다면 몰라도 현 시점에서 답변이 어려운점 이해바랍니다.

에디터
Find Account
  • Find Account with Email address

    Please input the email address you have entered during the registration and we will send your account info to this email address.

  • Email

    Email address format is invalid.

  • Request for Activation Mail

    You can request for the activation email if you have not activated yet.

  • Email

    Email address format is invalid.