将图标 NewPage 从 CkEditor 转换为简单的链接答案

【问题标题】：Transform icon NewPage from CkEditor to a simple link将图标 NewPage 从 CkEditor 转换为简单的链接
【发布时间】：2019-02-22 12:01:07
【问题描述】：

我需要帮助将 ckEditor 图标：“新页面”更改为指向同一网站页面的简单链接。

enter image description here

【问题讨论】：

标签： javascript ckeditor

【解决方案1】：

首先，我们需要找到一种方法来选择页面中代表图标的 HTML 元素。这是使用 HTML 类或 id 属性完成的。右键单击浏览器中的元素，然后“检查”它。

在this页面中，CkEditor被挂载到页面中

<div id="cke_editor1 class="cke_1"></div>

在这个div 元素中，有许多代表CkEditor 的HTML 元素。我们需要导航到代表创建新文档的那个。在本例中，我将选择“粘贴”按钮。

<div id="cke_14" class="cke_button__paste"></div>

接下来，我们需要使用 JavaScript 选择这个 HTML 元素。有 JavaScript DOM 方法可以根据 class 或 id 选择 HTML 元素。由于 id 对于页面来说是唯一的，我们可以使用它作为获取它的一种方式。

let pasteButton = document.getElementById("cke_14") // or
//  pasteButton = document.querySelector("#cke_14")

最后，我们要定义在此元素上触发 click 事件时会发生什么。我们可以通过调用window.open 987654328触发onclick属性被解雇。

let pasteButton = document.getElementById("cke_14")

pasteButton.onclick = function() {
    let url = "https://ckeditor.com/docs/index.html"
    window.location.replace(url)  // or
    // window.open(url, '_self')
}

在this 页面上打开 JavaScript 控制台并粘贴此代码。然后，尝试单击“粘贴”按钮。该页面将更改为https://ckeditor.com/docs/index.html。

【讨论】：

谢谢理查德，我试试这个方法
是的，理查德，我确信你的方法我们会奏效的。非常感谢。
我找到了我的图标的 id：