TinyMCE Style 드롭 다운을 사용하여 inlinestyle을 추가하는 방법은 무엇입니까?

Question

나는 예를 들어, 내가 사용할 CSS 파일을 지정하는 나는 "content_css"속성을 사용하여 스타일 드롭 다운리스트를 사용자 정의, TinyMCE에 사용하고 있습니다 : content_css을 "CSS/example.css"그럼

그것을이 추가됩니다

<span class="style1">Hello World</span> 

을하지만 어떻게 인라인 스타일 특성 대신 클래스 이름으로 범위를 추가 할 TinyMCE에 스타일 드롭 다운리스트를 알 수 있습니다 : 예를 들어, 클래스 이름에 걸쳐? something like :

<span style="color:#E01B6A; font-size:12px;background-color:#D6D4D5;">Hello World</span> 

이유는 CSS 파일 참조없이 html 코드를 출력해야하기 때문에 인라인 스타일이 필요합니다.

덕분에 많은

Answer 1

는 TinyMCE에 웹 사이트 자신에 의해 답을 찾을 수 - 단지 모든 인라인 스타일을 나열을 style_formats을 사용할 수 있습니다

// Style formats 
     style_formats: [ 
      { title: 'style1', inline: 'span', styles: { 'color': '#E01B6A','font-size':'12px','background-color':'#D6D4D5'} }, 
      { title: 'style2', inline: 'span', styles: { 'color': '#6F7575','font-size':'14px','background-color':'#ABF5EC'} }, 
      { title: 'style3', inline: 'span', styles: { 'color': '#000000','font-size':'16px','background-color':'#8357F2', 'font-weight':'bold'} } 
     ],