JS-4-7

by jiaxin520

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/7.6.0/tinymce.min.js"></script>
<!DOCTYPE html>
<html lang="zh-TW">
  <head>
    <title> JavaScript Example 4-7</title>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=2">
 <link rel="stylesheet" href="">
 </head>
 <body>
 <form method="post">
 <textarea id="default">Hello, World!</textarea>
</form>
<div>
 <button>發佈文章</button>
 </div>
</body>
 <!--引用JS -->
    <script src=""></script>
    <script type="text/javascript" src=""></script>

CSS

*{
    box-sizing: border-box;
}
div{
  display:flex;
  justify-content:center;
  margin-top:10px;
}
button{
  padding:10px 15px;
  font-size:16px;
  border:none;
  border-radius:10px;
  font-weight:bold;
  background-color:rgba(64, 64, 64);
  color:white;
}
button:hover{
   background-color:rgba(	227, 38, 54,0.6);
}
button:active{
  transform: scale(0.7);
}

JavaScript

tinymce.init({
  selector: "textarea#default",
          skin: 'oxide-dark', // 修改整體顏色
})