[javascript] TinyMCE에서 텍스트 에디터에서 취소선을 추가하는 방법은?

TinyMCE는 HTML 텍스트 편집기 라이브러리로서, 다양한 텍스트 효과를 적용할 수 있습니다. 취소선은 일반적으로 <strike> 태그로 표시됩니다.

TinyMCE에서 텍스트에 취소선을 추가하려면 다음 단계를 따르세요:

  1. 먼저 TinyMCE 라이브러리를 웹 페이지에 추가하십시오. 이를 위해 <script> 태그를 사용하고 TinyMCE 라이브러리의 URL을 지정합니다.
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"></script>
  1. 에디터를 초기화하고 사용자가 편집할 수 있는 텍스트 영역을 만듭니다. 이를 위해 <textarea> 태그를 사용하고 id 속성을 할당합니다.
<textarea id="myTextarea"></textarea>
  1. JavaScript 코드를 사용하여 TinyMCE 에디터를 초기화하고 플러그인을 활성화합니다. 이때 plugins 속성을 사용하여 strike 플러그인을 활성화합니다.
<script>
tinymce.init({
  selector: '#myTextarea',
  plugins: 'strike',
});
</script>
  1. 이제 TinyMCE 편집기에서 텍스트를 입력하고 선택한 텍스트를 취소선으로 적용할 수 있습니다. 텍스트를 선택한 후에는 TinyMCE 편집기의 툴바에 있는 “취소선” 버튼을 클릭하거나, 키보드 단축키(Ctrl + Shift + X)를 사용하여 취소선을 적용할 수 있습니다.

이제 TinyMCE에서 텍스트 에디터에서 취소선을 추가하려면 위의 단계를 따라하시면 됩니다.