如何將 TinyMCE 編輯器添加到 WordPress

已發表: 2022-10-01

如果你想給 WordPress 添加一個 TinyMCE 編輯器,其實很簡單。 您需要做的就是安裝並激活TinyMCE Advanced 插件。 完成此操作後,您將在 WordPress 管理區域的“設置”菜單下找到一個新的“TinyMCE”菜單項。 單擊它將帶您進入插件的設置頁面,您可以在其中配置 TinyMCE 編輯器的工作方式。

3.9 版的 WordPress可視化編輯器提供了一些很好的反饋。 當廚房水槽打開時,它只有 14 個按鈕,如果沒有,它只有 26 個。 通過將以下代碼添加到您的 functions.php 文件中,可以顯示完整的 TinyMCE 文本編輯器: 您現在可以從可視化編輯器中選擇第三行按鈕。

將自定義插件與 TinyMCE 一起使用 將入口點文件(以及任何其他文件)複製到隨插件分發的TinyMCE 代碼的插件文件夾中。 然後可以通過將插件輸入到 plugins 選項指定的插件列表中來使用該插件。

可以使用 Python 或 Django 來運行它。 setup.py 文件是一個外殼文件。 在 settings.py 中,將 tinymce 代碼複製並粘貼到您的項目中:INSTALLED_APPS = tinymce. “a tinymce”,[a tinymce] 是它的另一個詞。 Tinymce 被添加到其中。

使用TinyMCE getContent和 setContent 方法創建內容和設置內容。 如果您已將編輯器初始化為 myTextarea,則需要返回 id=”myTextarea” 屬性。 將編輯器中已標記為 HTML 的內容返回給用戶。

通過單擊屏幕右上角的三個點(選項),您可以訪問Gutenberg 文本編輯器。 通過單擊工具欄中的文本選項卡,您可以訪問 WordPress 經典文本編輯器。

WordPress 使用 Tinymce 嗎?

信用:otwthemes.com

WordPress 使用 TinyMCE 作為其默認編輯器。 TinyMCE 是一個所見即所得(所見即所得)編輯器,允許用戶輕鬆創建和格式化內容。 它被網絡開發人員和博客作者廣泛使用。

瑞典公司 Moxiecode Systems AB 為 WordPress 提供開源 HTML WYSIWYG 編輯器 TinyMCE。 您還可以通過單擊高級編輯器工具欄(編輯器的第 2 行)來解鎖許多按鈕。 在 WP 版本 3.3.1 中,IE 和 Firefox 的正確切換命令是 Shift-Alt-Z; 另請參閱插件API 富文本編輯器過濾器以獲取更多信息。 還可以在 WP Tuts 上找到詳細的教程。 使用 WordPress 時,TinyMCE WYSIWYG 編輯器會自動在換行符周圍添加段落標籤(P 標籤)。 刪除 P 標籤有三種基本方法。 在 /WP-includes/class-WP-editor.php 中,您可以訪問默認設置。

WordPress 使用什麼版本的 Tinymce?

從 WordPress 5.0 開始,TinyMCE 可視化編輯器的版本為 4.9.4。


WordPress Tinymce 創建

WordPress 的一大優點是它可以使用內置的 TinyMCE 編輯器輕鬆格式化您的帖子和頁面。 但是您知道您也可以使用 TinyMCE 創建自己的自定義按鈕嗎?
為 TinyMCE 創建自定義按鈕是擴展 WordPress 網站功能的好方法。 例如,您可以創建一個插入自定義簡碼或 HTML 標記的按鈕。 或者,您可以創建一個插入文件或圖像鏈接的按鈕。
為 TinyMCE 創建自定義按鈕相對容易。 首先,您需要創建一個插件,將自定義按鈕添加到 TinyMCE 編輯器。 然後,您需要在插件中添加一些代碼,告訴 TinyMCE 在單擊按鈕時要做什麼。
如果您不是開發人員,您還可以找到將自定義按鈕添加到 TinyMCE 的插件。 這些插件通常帶有一個用戶界面,可以輕鬆添加和配置自定義按鈕。

TinyMCE 可與各種插件和自定義設置一起使用。 除了這些要求之外,TinyMCE 不需要任何特殊的文件結構或工具即可運行。 在大多數情況下,您可以在框架或工具的幫助下創建自定義插件。 Yeoman Generator 可以生成自定義插件所需的文件和样板代碼,以及一些有用的命令。 TinyMCE 翻譯器支持多種語言,包括英語、法語、德語、意大利語和西班牙語。 如果您需要將字符串添加到支持的語言,請使用以下過程。 為插件支持的每種語言創建一個翻譯文件。 可以使用此示例插件添加一個簡單的工具欄按鈕和菜單項。

Wp 編輯器 Tinymce 設置

wp 編輯器 tinymce 設置允許您更改 WordPress 可視化編輯器的默認設置。 如果您想更改編輯器的字體大小、顏色或其他方面,這會很有用。

我們將向您展示如何通過將 WordPress TinyMCE 編輯器分解為各個部分來彎曲它。 編輯器默認提供兩行按鈕,用於創建、編輯和格式化帖子內容。 可以更新一個或多個現有插件,為我們提供各種高級功能。 TinyMCE API使開發人員能夠完全控制編輯器。 使用下面提供的過濾器,我們最多可以啟用四行按鈕。 單個元素(可以是任何元素)設置菜單項的參數。 如果我們需要實時預覽,我們需要創建一個自定義樣式表。

在很多情況下,我們不需要創建自定義按鈕,因為 TinyMCE 有大量隱藏按鈕,我們可以輕鬆激活它們。 帶有 mce_buttons_*n* 過濾器的過濾器可用於過濾按鈕數組。 如果這些按鈕都不適合我們的需求,那麼編輯器可能會通過一些官方插件獲得更多功能。 我們已經知道如何在 WordPress TinyMCE 中創建插件和添加按鈕。 現在讓我們創建以下插件。 在 /mce/prism/ 中有一個名為 /mce/prism/ 的文件。 addButton 方法使用 Prism 菜單按鈕為 items 數組的每個元素添加一個菜單項。 保存、上傳和刷新後,您將看到下拉菜單按鈕。

TinyMCE Advanced WordPress 插件將十五個 TinyMCE 插件的功能添加到默認可視化編輯器中。 插件選項頁面提供了許多高級功能,例如表格和字體系列選項。 除了會受到新設置影響的編輯器外,用戶還可以選擇其他選項。