Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

 In my case I just upload all the files to /js on my webserver, so tinymce.min.js will be located at /js/tinymce/ usually.


List of content

Table of Contents

Basic example to use TinyMCE

...

Code Block
<!DOCTYPE html>
<html>
<head>
  <script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
  <script>
    tinymce.init({
        selector:'textarea',
        plugins: 'nonbreaking',
        nonbreaking_force_tab: true,
        forced_root_block: false
    });
     
  </script>
</head>
<body>
  <textarea>Chun Kang is genius !!!</textarea>
</body>
</html>


Changing editor font, font-size, background color, font color

Code Block
<!DOCTYPE html>
<html>
<head>
  <script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
  <script>
    tinymce.init({
        selector:'textarea',
        content_style: 'body { background: black; color: white; font-size: 10pt; font-family: 맑은 고딕체,Calibri,Arial,Sans-serif;; }'
    });
     
  </script>
</head>
<body>
  <textarea>Chun Kang is genius !!!</textarea>
</body>
</html>

...