wysihtml5 : 워드 문서에서 편집기로 텍스트 복사

Question

워드에서 wysihtml5 editor으로 텍스트를 복사 할 때 텍스트는 서식이 지정되어 있고 추가 된 문자로 표시됩니다. 이 문제를 쉽게 해결할 수 있습니까? 내가 찾고있는 올바른 동작은 Stack Overflow의 서식있는 텍스트 편집기가 작동하는 방식입니다. 단어에서 복사하여 붙여 넣은 텍스트는 Word 문서와 동일하게 보입니다.

감사합니다.

업데이트 : 붙여 넣은 단어 텍스트의 서식 관찰 문제를 해결하기 위해, 내가 사용 wysihtml5-0.30_rc2.js 파일의 라인 "p": {},을 추가했습니다. 이 줄은 defaultOptions [parserRules] [tags] (see used resource)의 선언에 추가되었습니다. 나는 파이어 폭스를 사용할 때

<!-- /* Font Definitions */ @font-face {font-family:Arial; panose-1:2 11 6 4 2 2 2 2 2 4; mso-font-charset:0; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:1; mso-generic-font-family:roman; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; mso-hyphenate:none; font-size:11.0pt; font-family:Arial; mso-fareast-font-family:Arial; mso-bidi-font-family:Arial; color:black; mso-fareast-language:HI; mso-bidi-language:HI;} a:link, span.MsoHyperlink {mso-style-unhide:no; mso-style-parent:""; color:navy; mso-ansi-language:#00FF; mso-fareast-language:#00FF; mso-bidi-language:#00FF; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {mso-style-noshow:yes; mso-style-priority:99; color:purple; mso-themecolor:followedhyperlink; text-decoration:underline; text-underline:single;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt;} @page WordSection1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 
90.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.WordSection1 {page:WordSection1;} --> 

이 만 발생하고, 크롬에서 발생하지 않습니다

아직도, 지금은 붙여 넣은 텍스트의 시작 부분에 "글꼴 정의"단락을 볼 수 있습니다. 이 문제를 제거하는 방법에 대한 아이디어가 있습니까?

Answer 1

wysihtml5에는 텍스트 영역에 붙여 넣는 모든 텍스트를 분석하고 parserRules 구성 개체에 정의 된 필터 규칙을 적용하는 파서가 포함되어 있습니다. parserRules에 "style": { "remove": 1 }을 추가하면됩니다.

Firefox 문제를 이해하려면 텍스트 영역에 붙여 넣기되는 원시 클립 보드 HTML 콘텐츠 (Word에서 생성 됨)를 확인해야합니다. 일부 Word 텍스트를 복사하여 텍스트 편집기에 붙여 넣기 만해도 텍스트 편집기가 클립 보드 내용의 텍스트 전용 변형을 요청하기 때문에 도움이되지 않습니다.

Mac 사용자는 XCode로 직접 컴파일해야하는 ClipboardViewer tool의 도움으로이 원시 클립 보드 콘텐츠를 볼 수 있습니다. 원하는 HTML 콘텐츠는 public.html 또는 Apple HTML pasteboard type 입력란에 있어야합니다. 어쩌면 컴파일 할 필요가없고 다른 운영 체제에서 작동하는 다른 도구가있을 수도 있습니다.

이제 글꼴 정의 쓰레기가 사라 말씀에서 클립 보드의 내용이 실제로 그래서 (그 내용을 모두 사용) style 태그를 제거하여

<span> 
    <!-- 
     /* Font Definitions */ 
     ... 
     div.WordSection1 {page:WordSection1;} 
     ... 
    --> 
    </span> 

과 같이 보이는 것을 볼 수 있습니다.

더 많은 고급 구성 옵션을 보려면 wysihtml5’s parserRule demo을보십시오.

Answer 2

wysihtml5.dom.getPastedHtml을 무시하여이를 해결했습니다. wysihtml5를로드 한 후에이 내용을 추가하십시오.

wysihtml5.dom.getPastedHtml = function(event) { 
    var html; 
    if (event.clipboardData) { 
    html = event.clipboardData.getData('text/plain'); 
    } 
    return html; 
};