는 스팬의 콘텐츠에 서식을 적용하는 방법 내가 태그를 생성하고 나중에 (예를 들어 컬러 텍스트와 같은) 일부 사용자 지정 서식을 적용 CkEditor와

Question

, 그 결과 소스는 다음과 같습니다 보시다시피, 서식은 텍스트 주위이지만 A 태그 안에 있습니다.

특정 클래스의 SPAN 태그를 출력하는 개인용 플러그인이 있습니다. 나는 텍스트를 선택하고 동일한 서식을 적용 할 때 WYSIWYG 편집기에서,이 얻을 :

<p><span style="color:#1abc9c;"><span class="command3d">Some text</span></span></p> 

이 시간, 형식은 단순히 텍스트 주위 없습니다. SPAN 태그 주변에 적용됩니다.

이 동작을 어떻게 제어 할 수 있습니까? 내가 대신이 결과를 좀하고 싶습니다 :

<p><span class="command3d"><span style="color:#1abc9c;">Some text</span></span></p> 

감사

Answer 1

불행하게도 에디터의 예를 내부 (span 태그를 기준으로) 인라인 스타일의 순서를 제어 할 능력이 없습니다. 원하는 결과를 얻는 유일한 방법은 텍스트 색상을 적용한 다음 사용자 정의 스타일을 적용하는 것입니다.

그러나 편집기의 출력을 올바른 형식으로 변환하는 두 가지 방법이 있습니다. 첫 번째는 toDataFormat event을 통해 편집기의 데이터 프로세서에 사용자 정의 처리기를 추가하여 조상 인 span.command3d을 확인한 다음 필요한 경우 해당 위치로 스왑합니다. 그러나 모든 콘텐츠를 탐색해야하기 때문에 조금 번거로우므로 더 쉬운 방법입니다. add element callback to editor's filter. Example.