반응형

위지윅 에디터들은 보통 내장 함수로 에디터에 작성한 내용을 가져올수가 있다. (ex setData())



하지만 이렇게 가져온 값이 TEXT 만 가져오는 것이 아닌 위지윅에서 자동으로 만든 HTML 형식으로 가져오는 경우도 발생하게 된다

예를 들면 ckeditor4가 그러하다 



내가 필요한 것은 에디터 내에 작성한 내용 중 태그들을 제외한 text들만 가져오고 싶고 에디터 내에서 그러한 함수를 제공하지 않는다면 


정규식을 이용하여 TEXT만 출력 하도록 할 수가 있다.


replace 함수를 이용하여 태그 형식으로 된 문자열을 모두 삭제하는 방식이다.



var editorContent = CKEDITOR.instances.editor.getData();
var convertContent = editorContent.replace(/(<([^>]+)>)/ig,"");
console.log(newText);
console.log(newText.length);


그 결과는 아래 그림 처럼 나오게 된다.






추가적으로 특정 태그만 제거를 하고 싶으 시에는 


정규화식을 다음과 같이 바꿔주면 된다.


var convertDivContent = editorContent.replace(/<(\/div|div)([^>]*)>/gi,"");





해당 자료는 https://webisfree.com/ 를 참조 하였습니다.

반응형

+ Recent posts