[javascript] TinyMCE에서 텍스트 에디터에서 자동으로 인라인 스타일을 적용하는 방법은?
TinyMCE에서 인라인 스타일을 자동으로 적용하기 위해서는 플러그인의 사용이 필요합니다. 텍스트 에디터의 설정에 플러그인을 추가하여 특정 스타일을 자동으로 적용할 수 있습니다. 다음은 예시 코드입니다.
tinymce.init({
selector: 'textarea',
plugins: 'autoformat',
toolbar: 'autoformat',
autoformat_autoapply: true,
autoformat_inline_styles: {
'color': 'red',
'background-color': 'yellow'
}
});
위의 코드를 보면 autoformat
이라는 플러그인을 사용하고 있습니다. autoformat_autoapply
를 true
로 설정하여 입력한 텍스트에 인라인 스타일을 자동으로 적용합니다. autoformat_inline_styles
에는 적용하려는 스타일을 객체 형태로 작성합니다. 위의 코드에서는 텍스트의 색상을 빨강(color: 'red'
)으로, 배경색을 노랑(background-color: 'yellow'
)으로 지정하도록 설정되어 있습니다.
위와 같이 TinyMCE를 설정하면 텍스트 에디터에서 특정 스타일을 자동으로 적용할 수 있습니다. TinyMCE의 자세한 사용법과 다른 설정에 대해서는 공식 문서를 참고하시기 바랍니다.