Beautiful Soup << Previous Next >> Report

TinyMCE4

TinyMCE4 是一個可以網路應用上的文字編輯器

如何將 TinyMCE4 崁入?

Step 1 : 插入 TinyMCE4 的腳本

<head>在HTML頁面中插入這行程式碼並鏈接到 tinymce.min.js 文件：

<script src="./../static/tinymce4/tinymce/tinymce.min.js"></script>

Tips：Step 2 包含 HTML 完整的程式碼。

Step 2 : 將 TinyMCE 初始化為 Web 表單的一部分

使用包含的腳本，在網頁中的任何元素（或元素）上初始化 TinyMCE。

由於 TinyMCE 允許通過 CSS 選擇器識別可替換元素，因此唯一的要求是傳遞包含選擇的對象 tinymce.init( )。

在這個例子中，取代

<textarea id='mytextarea'>

由選擇通過與 TinyMCE 的編輯器實例

'#mytextarea'

來tinymce.init()。

<!DOCTYPE html>
<html>
<head>
  <script src='http://cloud.tinymce.com/5-testing/tinymce.min.js'></script>
  <script>
  tinymce.init({
    selector: '#mytextarea'
  });
  </script>
</head>

<body>
<h1>TinyMCE Quick Start Guide</h1>
  <form method="post">
    <textarea id="mytextarea">Hello, World!</textarea>
  </form>
</body>
</html>

Step 3 : 用 POST 表單儲存內容

當<form>被提交後，TinyMCE 的編輯器模仿一個普通的 HTML 行為 <textarea> 過程中 POST 。在用戶的表單處理程序中，提交的內容可以與從常規創建的內容相同的方式處理 <textarea> 。

這就是它的全部！

要下載 TinyMCE 並在本地安裝，“ 簡介和入門指南” 中的“ 高級安裝選擇”頁面有說明。本文檔還提供了有關 TinyMCE 功能的信息，例如高級安裝選項，使用插件，學習內容過濾和拼寫檢查。

資料來源 : TinyMCE

Beautiful Soup << Previous Next >> Report