Aem CQ5-用于显示示例HTML的小部件

Aem CQ5-用于显示示例HTML的小部件,aem,Aem,我正在尝试构建一个小部件,它有一个区域可以显示大约20行HTML代码的示例。此示例代码必须是可选的,以便用户能够将其复制并粘贴到自己的文本编辑器中 目前,我正在使用XtypeDisplayField并使用fieldDescription将HTML代码放入其中。但是我意识到这个字段描述不允许我格式化代码。我还尝试使用XtypeTextArea并将emptyText设置为我的HTML代码,但单击textarea会删除HTML代码 用户的故事是,我有一个textarea,用户将在其中用HTML代码填充

我正在尝试构建一个小部件,它有一个区域可以显示大约20行HTML代码的示例。此示例代码必须是可选的,以便用户能够将其复制并粘贴到自己的文本编辑器中

目前,我正在使用XtypeDisplayField并使用fieldDescription将HTML代码放入其中。但是我意识到这个字段描述不允许我格式化代码。我还尝试使用XtypeTextArea并将emptyText设置为我的HTML代码,但单击textarea会删除HTML代码

用户的故事是,我有一个textarea,用户将在其中用HTML代码填充textarea。此HTML代码必须以某种方式进行结构化,以便CSS正确格式化其代码。我想包括一个示例,说明如何构造此HTML代码

编辑-这将是伟大的,如果我可以应用字体面信使到这个易于阅读

尝试使用textarea的value属性。 将ignoreData设置为true以避免从内容填充值。 为了确保它不会被保存回属性,请将名称保留为空,或者只设置一个不以开头的值/ 要实现不同的字体,请在页面上使用CSS。如果您想将特定的CSS类添加到您的小部件中,请使用overCls属性。 找到更多 尝试使用textarea的value属性。 将ignoreData设置为true以避免从内容填充值。 为了确保它不会被保存回属性,请将名称保留为空,或者只设置一个不以开头的值/ 要实现不同的字体,请在页面上使用CSS。如果您想将特定的CSS类添加到您的小部件中,请使用overCls属性。 找到更多
我已尝试将字段名称设置为不带前缀的名称。/。至少在5.6.1中,字段的值被保存到指定的绝对或相对位置。但是,当对话框打开时,它没有被加载。只是一个值得注意的问题。我尝试过将字段名称设置为不带前缀的名称。/。至少在5.6.1中,字段的值被保存到指定的绝对或相对位置。但是,当对话框打开时,它没有被加载。只是一个要注意的问题。