- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是Extjs的学习者,如何在 Extjs html 编辑器中加载内容
这是空白编辑器代码
<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.create('Ext.form.HtmlEditor', {
width: 580,
height: 250,
renderTo: document.getElementById('editorId')
});
});
</script>
</head>
<body>
<div id = "editorId"></div>
</body>
</html>
我试过了,但没用
document.getElementById("content").innerHTML ="this is the content inside";
最佳答案
因此,当涉及到 Ext 时,您必须了解什么是真正的基本概念:
如果你使用过 jquery,那就算了,对于 Ext 来说是不同的。 Ext 的最低级别基本上具有以下概念。一切都是组件,div作为面板,div作为容器,div作为标题。这就是为什么当您使用 xtype {xtype:'panel';... }
声明配置时或者使用 new Ext.Panel({...})
创建一个新组件。为您添加component
在第一个页面中,您的页面需要 container
,创建容器后,其 items: []
属性接受您的子项,例如您想要的编辑器。
我建议您阅读文档并检查类的层次结构。
文档:
容器具有 Ext.Component 的所有功能,但允许您在其中嵌套其他组件。应用程序由许多组件组成,这些组件通常相互嵌套。容器允许您在其中渲染和排列子组件。大多数应用程序都有一个称为视口(viewport)的顶级容器,它占据整个屏幕。其中包含子组件,例如在邮件应用程序中,视口(viewport)容器的两个子组件可能是消息列表和电子邮件预览 Pane 。
容器提供以下额外功能:
在实例化和运行时添加子组件删除子组件指定布局布局决定子组件在屏幕上的布局方式。在我们的邮件应用程序示例中,我们将使用 HBox 布局,以便我们可以将电子邮件列表固定到屏幕的左侧边缘,并允许预览 Pane 占据其余部分。有多种布局,每种布局都可以帮助您实现所需的应用程序结构。(来源:http://docs.sencha.com/extjs/6.0.1/modern/Ext.Container.html)
关于javascript - 在 Extjs 中加载 HtmlEditor 内的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42344908/
我有一个简单的面板,里面有一个 HTML 编辑器。 我只想将光标聚焦在组件的文本区域内。 我尝试将其集中在渲染后,以将组件设置为默认焦点,但我无法使其工作。 这是我的代码,我该怎么办?是否有可能将此文
我正在调整 JavaFX 中的 HTMLEditor,我的目标是在 HTMLEditor 中插入本地镜像。互联网上的图像没有问题并且工作正常,但是当我尝试使用绝对路径插入本地镜像时,它只显示著名的“X
我尝试在 http://jsfiddle.net/WEEU3/ 中使用 HTMLEditor 但是当我选择编号列表或项目符号列表进行输入时,我按 Enter 键盘。好像 我觉得像 1. first 2
我正在尝试使用格式化输入进行聊天,我的问题是默认情况下您无法将链接放入JavaFX HTMLEditor中,因此我添加了一个按钮,用超链接替换所选文本。我的问题是 1:编辑器中的超链接是可单击的,如果
我是 JavaFX 世界的新手,我似乎无法弄清楚如何在 HTMLEditor 组件中监听 text-modify 事件。 我需要这个,因为我正在将这个小部件连接到一个需要更新的模型。 具有 KeyEv
我正在使用 JavaFX 集成的 HTMLEditor。它具有的所有功能都很好,但我还需要具有在 HTML 文本中插入图像的功能。你知道我可以使用的一些来源吗?或者可以在 JavaFX 中使用并且具有
我正在使用 ExtJS,并且我的表单中有一个 htmleditor。我想向该元素添加一个自定义按钮(例如在所有其他按钮之后,如对齐、字体粗细等)。这个按钮基本上应该在 htmlfield 中插入一个标
我需要选择 htmleditor 字段文本并将其复制到剪贴板,模拟 ctrl+a 和 ctrl+c(由按钮触发)。 我做了一些尝试,包括Ext.util.KeyMap,但没有成功。 有什么建议可以实现
我正在尝试创建一个带有数据库的应用程序,其中包含我在应用程序中供个人使用的脚本示例。 这是一个非常简单的应用程序:西部区域有一个带有项目名称的网格,中部区域有一个带有编辑器的水平盒子和一个带有我的笔记
我在页面上使用 AjaxControlToolkit.HTMLEditor,但根据某些变量,编辑器的 Visible 控件可以在代码隐藏中设置为 false。我在 Javascript 中得到了对 H
如果我放置此代码 new HTMLEditor(); 除了在我的 Application.start(Stage stage) 实现之外的任何地方,我都会收到以下错误: SEVERE: javafx.
我想使用 css 规则调整 JavaFx 中 HTMLEditor 的行高,但找不到规则的名称。我尝试了 -fx-line-height 和其他一些,但没有一个起作用。是否有可能,或者 HTMLEdi
我没有使用 AjaxControlToolkit 的 HtmlEditor,因为它没有直接插入图像的按钮,这就是我搜索另一个编辑器并最终找到 Winthusiasm 的原因。编辑。 一切似乎都很好,但
大家好,我关注了UIKIT我的 html 编辑器示例 我的问题是虽然它工作正常但设计不是......它与他们的文档中的内容不同我遵循了所有内容但是 htmleditor 的导航栏设计仍然很丑这是我的代
我有一个用 javafx 开发的简单应用程序。问题是我想删除这两个工具栏,但不知道该怎么做。在代码中,我将底部工具栏的可见性设置为 false。如果您需要回答,请寻求帮助:顶部工具栏的id是.top-
是否可以在实际文本上方隐藏 HTMLEditor 的控件? (对齐、复制和粘贴图标、样式等) 谢谢你的帮助 最佳答案 public static void hideHTMLEditorToolbars
我在 extjs 4.2 中创建的表单中有一个 htmleditor 字段。我将它隐藏在后渲染监听器中的工具栏: listeners: { afterrender: function(edit
我尝试设置 javafx HTMLEditor 以获取容器上的所有可用大小。接下来是源代码。 public class HtmlEditorTest extends Application { @Ov
你好,我正在尝试制作一个搜索系统,它的工作原理如下: 您按 ctrl + f 出现文本对话框 您输入的文本对话框中的文本将在 HTML 编辑器中突出显示 所以我在第三步中遇到问题,我找不到任何有关突出
我正在寻找一种使用 JavaFX HTMLEditor 的 setHtmlText 添加本地图像的方法。我可以添加远程图像没有问题: HTMLEditor editor = new HTMLEdito
我是一名优秀的程序员,十分优秀!