#editor

[STS] mybatis mapper 사이즈 큰(?) xml 파일을 XML Editor로 열면 30초 이상 걸리는 현상 해결법 질문

[STS] mybatis mapper 사이즈가 큰(60KB정도) xml 파일을 XML Editor로 열면 STS가 이상없음 뜨면서 30초 이상 걸리고 난 후 (정확히 45초 정도 걸렸음) 열리는 현상이 있는데 해결 방법 있을까요? 사이즈 작은 xml 파일은 안그러고 50KB 이상? 정도인 xml 파일을 XML Editor로 열면 오래 걸리면서 열리더라고요.. 구글링 해결법 검색해도 잘 안나오고 STS Heap Size 1024M에서 2048M로 늘려도 똑같은 현상이고 폐쇄망이라 STS 써야됩니다.. 겨우 사이즈도 60KB이고 소스 줄도 1300줄 정도인데 왜이러는걸까요? XML Editor로 열고 싶은데 따로 방법이 없을까요?

InnerHtml을 안전하게 사용하면 괜찮겠죠?

Editor를 만드는데 Notion처럼 안쪽 내용을 드래그해서 그 드래그한 내용을 mark같은 태그로 감싸주는 기능을 만드려고 합니다 기능구현은 문제가 없지만 데이터를 저장할때 html태그가 포함된 string으로 저장할 방법밖에 생각이 안납니다 그래서 저장전 혹은 태그로 감싸기전 여러 확인작업을 거칠것이긴하나 XSS공격이 조금 무섭네요 혹시 다른 아이디어가 있을까요?

Swift ui 키보드 올라오면 navigation title이 내용이랑 겹쳐요

Texteditor을 사용해서 내용 입력 칸을 만들고 있습니다. 그런데 키보드가 올라오면 키보드가 texteditor을 포함한 view들을 다 위로 올리면서 네비게이션 타이틀이랑 겹치게 됩니다. 이것 저것 만져보니 texteditor에 frame을 설정하게 되면 키보드가 올라올 때 이런 현상이 발생하는 것 같습니다. 이럴 때 어떻게 해결하는지 아시는 분 있을까요?

리액트에서 ckeditor 사라짐 ㅠㅠ

리액트에서 ckeditor 5 사용중인데 웹에서 새로고침 하면 에디터가 사라집니다 ㅠㅠ npm 설치도 했고 import도 작성했는데 뭐가 문제일까요..? 선배님들의 의견을 구해 봅니다.

Next.js toast editor 값을 가져오고 싶습니다.

등록 버튼을 눌렀을 때, 입력 한 값을 가져오고 싶은데, undefined가 뜹니다. 어떻게 가져올 수 있는걸까요? ㅜㅜ

내부 CMS 개발 시 기술 설계를 어떻게 하나요?

안녕하세요. 회사에서 컨텐츠 생산/관리를 위해 여러 유료/무료 headless CMS를 검토했는데 결국 요구사항에 맞는 정도로 customization이 안 되어서 자체적으로 구현을 해야하는 상황입니다. 저희 팀에서는 프론트엔드를 React로 작성하고 있어서 Draft.js, ProseMirror 등 여러 rich content editor를 검토하고 있는데 내부 CMS를 구현해본 경험이 있는 선배님들께 기술 자문을 구하고 싶습니다. 기획에서 원하는 것은 퍼블리처럼 여러 형태의 rich text를 지원하면서 고객들이 컨텐츠 원하는 부분에 하이라이트, 메모를 기록/저장할 수 있고, 추후에 custom link 같은 자체 기능을 추가할 수 있는 확장에도 열려있는 것입니다. 스펙이 엄청 큰 것 같아 어디에서부터 시작해야할지 조금 막막한데 기술 설계에 대한 어떠한 조언이라도 주시면 정말 감사드리겠습니다. 컨설팅 비용을 받고 커피챗/화상미팅 참여해주실 수 있는 분도 적극 환영입니다!!

HTML div contenteditable=true로 에디터 만드는데

div 태그에서 contenteditable=true를 적용하여 에디터를 만드는데 볼드체와 글꼴색상만 필요합니다~ 근데 볼드체 적용하면 글꼴색상(빨간색)은 적용안되고, 글꼴색상(빨간색)을 적용하면 볼드체는 또 적용안되고.. 즉, 빨간색+볼드체가 동시에 적용이 안되는데, 어떻게 코드를 작성해야 좋을까요 ㅠㅠ 고수님들 답변 부탁드립니다! const btnBold = document.getElementById('btn-bold'); btnBold.addEventListener('click', function () { setStyle('bold'); }); function setStyle(style) { document.execCommand(style); focusEditor(); } function focusEditor() { editor.focus({preventScroll: true}); } const selectFontColor = document.getElementById('select-font-color'); selectFontColor.addEventListener('change', function () { setFontColor(this.value); }); function setFontColor(color) { document.execCommand('foreColor', false, color); focusEditor(); }

CKEditor5 사용 중 중간저장 문의

CKEditor5를 저장하고 중간저장을 했는데, 수정페이지에서 textarea가 2개가 생기면서 하나는 입력했던 내용을 불러오는데 하나는 또 새롭게 에디터가 형성되는 현상이 발생하고 있는데요ㅠ 혹시 입력한 내용만 출력되는 에디터 하나만 표출될 수 있게끔 할 수 있는 방법은 없을까요? 이게 왜 2개가 나오는지 궁금합니다! 아 그리고 CKEditor를 한 페이지 내에서 다중으로 구현할 수 있는 방법은 없을까요?