2011-08-19 1 views
1

TinyMCE에 컬러 형식화하는 태그를 스팬에두고있다 TinyMCE에 형식 텍스트, 지금 내가 필요한 방법을 수정하는 방법, 읽기 이 :텍스트에 대한 지금까지 사용자 변경 색상 방법 나는이 필요 궁금 할 사람들을 위해 하나 추가 문자 를 (추가 할 때

<p>X<span style="color: #ff6600;">forma</span>tings</p> 
: 이것이 내가해야하는 방법이다

<p><span style="color: #ff6600;">forma</span>tings</p> 

: Inserting HTML tag in the middle of Arabic word breaks word connection (cursive))

그래서이 TinyMCE에이 normaly 텍스트를 포맷하는 방법입니다

그래서 모든 스팬 전에 하나의 추가 문자를 추가해야합니다.

나는 TinyMCE 소스를 검색하고 있었지만 어디에서 어셈블리를 찾을 수 없었습니다.

답변

1

나는 전체적으로 단어 결합 자에 대한 필요성을 이해하고 있습니다.

다음을 포함해야 http://www.w3schools.com/cssref/sel_before.asp

귀하의 TinyMCE에 콘텐츠 CSS (content_css 설정 TinyMCE에 초기화를 사용) :이 경우 전 - 당신이 CSS-의사 요소를 사용하여이 문자를 삽입 할 수 있습니다 브라우저에 따라

body span:before { 
    content:'\2060'; // use '\00b6' to get something visible for testing 
} 

UPDATE : Approch2 : 당신은 당신의 단어 참가자를 입력하려면이 체크를 할 수

:

var ed = tinymce.get('content') || tinymce.editors[0]; 

var span = $(ed.getBody()).find('span:not(.has_word_joiner)').each(function(index) { 
    ed.selection.select(this); 
    ed.execCommand('mceInsertContent', false, '\u2060<span class="has_word_joiner">'+this.innerHTML+'</span>'); // you might want to add the formerspan attributes too, but that is a minor issue 
}); 

특수 이벤트에서 자체 플러그인을 사용하여이를 호출해야 할 수 있습니다.

+0

단어 결합자를 제외한 모든 문자 ( )는 http://stackoverflow.com/questions/7069247/css-formating-cursive-word-breaks-it에서 이미 본 것처럼 단어가 깨져서 작동합니다. TinyMCE에서 html을 표시하려고하면 : before :로 삽입 된 문자가 표시되지 않습니다. 그러나 나는 이전에 슬픈 것처럼 단어 결합자를 제외하고 모든 문자를 위해 일하고있다. (. –

+1

흠, 오른쪽. pseudoelements는 저장된 tinymce 내용에 있지 않을 것이다. 나는 다른 approch에 대해 생각하고 나의 대답을 업데이트 할 것이다 – Thariama

+0

대단히 감사합니다 :) –

관련 문제