Question

我遇到了这个问题并且正在努力使其发挥作用。终于找到了一个解决方案，所以想把它发布在这里，以便有一天这对某人有用。

我有两个问题：

第一

在EXTJS手风琴小组中，我在所有小组中都有HTMLEDITOR。每当其他面板展开/折叠时，即使数据来自文件并存储在变量中，编辑器中输入的数据也会消失（编辑器丢失内容）

第二

在HTMLEDITOR中，如果内容包含超链接，则编辑器不允许单击，甚至CTRL + CLICK无法正常工作。然而，标记的内容显示为超链接

由于 VikasDK

Answer 1

<强>第一

收听面板的expand事件并输入以下代码以重置值;

expand: function () 
{
var htmlEditor = Ext.getCmp(nodeId + '_desc_html_editor');
htmlEditor.setReadOnly(false);
htmlEditor.setValue(desc_html);//desc_html contains the value fetched from the file
}

<强> SECOND

使用以下css使超链接成为只读，然后如果调用javascript函数，则使用“parent”。

<a href='javascript:void(0);' style='-webkit-user-modify: read-only; -moz-user-modify: read-only;' onclick='parent.functionName(\"parameter\")'>Click for Details</a>

THIRD

使用autoEl

{
    xtype: 'component',
    autoEl: {
        tag: 'a',
        href: 'http://www.example.com/',
        html: 'Example.com'
    }
}

Answer 2

我不明白一件事。为什么我在我的问题中提出的代码被删除了。我在之前的帖子中发布了以下代码，现在不在那里。

第一

收听面板的expand事件并输入以下代码以重置值;

expand: function () 
{
var htmlEditor = Ext.getCmp(nodeId + '_desc_html_editor');
htmlEditor.setReadOnly(false);
htmlEditor.setValue(desc_html);//desc_html contains the value fetched from the file
}

第二

使用以下css使超链接成为只读，然后如果调用javascript函数，则使用“parent”。

<a href='javascript:void(0);' style='-webkit-user-modify: read-only; -moz-user-modify: read-only;' onclick='parent.functionName(\"parameter\")'>Click for Details</a>

如何在EXTJS htmleditor中点击超链接

2 个答案: