IT TIP

TinyMCE 텍스트 영역에서 값 가져 오기

itqueen 2021. 1. 9. 11:15
반응형

TinyMCE 텍스트 영역에서 값 가져 오기


TinyMCE를 사용하는 내 사이트에 대한 뉴스 편집기가 있습니다. 제가 할 수있는 것은 버튼 (TinyMCE 편집기 자체 외부)을 클릭하여 텍스트 영역에서 이미지를 스캔 한 다음 해당 이미지를 해당 뉴스 기사의 썸네일 이미지에 사용할 옵션으로 나열하는 것입니다.

내가 의미하는 바에 대한 아이디어는 다음 링크를 참조하십시오. https://docs.google.com/leaf?id=0B05m73kzudwPNzUwZjkyNmItYjZkMy00NTdlLTlkNDctOGRhYThjMzNjNTM5&hl=en_US

내 문제는 document.getElementById ( 'NewsArticle'). value가 텍스트 영역에 텍스트가있을 때 아무것도 반환하지 않는다는 것입니다.

다른 잠재적 인 문제는 텍스트 영역에 표시되는 내용이 실제 코드가 아니라 이미지 등이므로 처음부터 작동할지 확신 할 수 없었지만 양식을 제출할 때부터 데이터 [News] [article] 가치가 다시 텍스트로 돌아 오면 기회가있을 것이라고 생각했습니다.

누구든지 tinyMCE 텍스트 영역의 콘텐츠 또는 코드를 얻는 방법을 알고 있거나 더 나은 솔루션이 있다면 듣고 싶습니다.


TinyMce에는 편집기에서 콘텐츠에 액세스하기 위한 API 가 있습니다.

이 코드는 활성 편집기에서 html을 가져옵니다.

// Get the HTML contents of the currently active editor
tinyMCE.activeEditor.getContent();

// Get the raw contents of the currently active editor
tinyMCE.activeEditor.getContent({format : 'raw'});

// Get content of a specific editor:
tinyMCE.get('content id').getContent()

아래 구문을 사용하여 입력 텍스트 영역에서 원하지 않는 문자를 제거합니다 ....

(((tinyMCE.get('YourTextAreaId').getContent()).replace(/(&nbsp;)*/g, "")).replace(/(<p>)*/g, "")).replace(/<(\/)?p[^>]*>/g, "");

시험

window.parent.tinymce.get('contentID').getContent();

어떤 이유로 주식 표준 tinymce.get()통화가 저에게 효과가 없었기 때문에 이것을 시도했는데 효과가 있습니다. :)


var temp = tinymce.get('textAreaName').save();
console.log(temp);

또는

var temp =tinymce.get('textAreaName').getContent();
console.log(temp);

참조 URL : https://stackoverflow.com/questions/6541782/getting-the-value-from-a-tinymce-textarea

반응형