如何在 EXTJS htmleditor 中使超链接可点击

Question

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

我有两个问题：

第一

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

第二

在 HTMLEDITOR 中，如果内容包含超链接，则编辑器不允许单击，甚至 CTRL+CLICK 也不起作用。但是，标记的内容显示为超链接

谢谢维卡斯DK

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
}

第二

使用以下 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>

Answer 2

FIRST

监听面板的 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>

第三

使用自动

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