JSFiddle - React, Tailwind, and code Playground

by yoyosan

HTML

<h1>TinyMCE homeWork</h1>
<form method="post">
  <textarea id="mytextarea"></textarea>
</form>

<button type="submit">發佈文章</button>

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>

CSS

button {
  color: white;
  background-color: #222f3e;
  font-size: 32px;
  font-weight: bold;
  border-radius: 8px;
  margin-top: 10px;
  transform: scale(.8);
  transition: .2s;
  float: right;
  cursor: pointer;
}

button:hover {
  transform: scale(1)
}

JavaScript

tinymce.init({
  selector: '#mytextarea',
  skin: 'oxide-dark',
});