TinyMCE - 스팬에 "text-align"적용

현재 CMS 용 WYSIWYG 편집기 인 tinyMCE를 사용하여 클라이언트가 광고용 텍스트를 직접 만들었습니다. 이것은 프런트 엔드에서 텍스트 영역에 넣은 모든 내용이 <a> 태그에 표시됨을 의미합니다. 내가 의미가 올바른 그래서 난 <p> 태그 사용 중지 forced_root_block 옵션이 비활성화되어 있지만, 텍스트 정렬 옵션은 내가 원하지 않는 이는 <div style="text-align:center">에서 선택한 텍스트/요소를 포장 있는지 확인하기 위해 노력하고있어TinyMCE - 스팬에 "text-align"적용

tinyMCE가 <span style="display:block; text-align:center">을 대신 사용하여 동일한 결과를 얻을 수있는 방법이 있습니까?

여기에 내 현재 TinyMCE에 초기화 TinyMCE를 초기화의 기본 스타일의 형식을 편집하여 결국 해결책 나 자신을 찾기 위해 관리

tinymce.init({ 
     selector: 'textarea#advertText', 
     menubar: false, 
     width: <?php echo $selectedSizeWidth ?>, 
     height: <?php echo $selectedSizeHeight ?>, 
     forced_root_block: false, 
     resize: false, 
     invalid_elements: 'div', 
     plugins: [ 
      'textcolor colorpicker fontawesome' 
     ], 
     fontsize_formats: "14px 16px 18px 20px 24px 36px", 
     toolbar: 'bold, italic, underline, strikethrough, |, fontsizeselect, |, forecolor, backcolor, |, alignleft, aligncenter, alignright, alignjustify, |, outdent, indent, |, fontawesome' 
});

감사

출처

2016-08-23 Oli B

입니다. 다음은

https://www.tinymce.com/docs/demo/format-custom/

내가 표준 스타일을 재정의 할 내 TinyMCE에 초기화에 추가 된 코드입니다. 이것은 선택한 텍스트 요소 (예 : span)가 display: block 스타일 및 관련 text-align 속성으로 스팬에 싸여 있음을 의미합니다.

formats: { 
      alignleft: {selector: 'span,em,i,b,strong', block: 'span', styles: {display: 'block', 'text-align':'left'}}, 
      aligncenter: {selector: 'span,em,i,b,strong', block: 'span', styles: {display: 'block', 'text-align':'center'}}, 
      alignright: {selector: 'span,em,i,b,strong', block: 'span', styles: {display: 'block', 'text-align':'right'}}, 
      alignfull: {selector: 'span,em,i,b,strong', block: 'span', styles: {display: 'block', 'text-align':'full'}} 
     }

출처

2016-08-23 10:53:33

어쩌면 너무 늦지 않을 수도 있습니다. p 태그에 내용을로드하기 때문에 동일한 문제가 발생했습니다. 첫 번째 대답은 솔루션에 가깝습니다. 그러나 정렬에 사용할 인라인 태그를 정의해야합니다. 이와 함께 첫 번째 대답의 코드를 완료 인라인 '기간'이 같은 :

formats: { 
    alignleft: {selector: 'span,em,i,b,strong', inline: 'span', block: 'span', styles: {display: 'block', 'text-align':'left'}}, 
    aligncenter: {selector: 'span,em,i,b,strong', inline: 'span', block: 'span', styles: {display: 'block', 'text-align':'center'}}, 
    alignright: {selector: 'span,em,i,b,strong', inline: 'span', block: 'span', styles: {display: 'block', 'text-align':'right'}}, 
    alignfull: {selector: 'span,em,i,b,strong', inline: 'span', block: 'span', styles: {display: 'block', 'text-align':'full'}}

출처

2017-05-24 17:15:56 Imre

TinyMCE - 스팬에 "text-align"적용

답변

관련 문제