个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
在这篇关于名为 textAngular 的 Angular 文本编辑器的帖子中.
我想找到 text-angular 指令的 textarea 元素。因为它使用 bootstrap 设计，我想将元素替换为 angular-material textarea。
但我不知道开发人员将它放在文件中的什么位置。
UPDATE
我不能做一个外部 css 或覆盖它的 css 属性，因为 angular-material textarea 没有 css 样式方法。
最佳答案
Textarea 元素是通过使用 ng-model 属性的值来引用的。
此外，如果您有 Unresolved 问题，您可以随时创建自定义 CSS 并加载最后一个，这将覆盖所有其他问题。
如果不想覆盖 Bootstrap ，也可以使用表达式。
因此。
<input type="button" value="set color" ng-click="myStyle={color:'red'}">
<input type="button" value="set background" ng-click="myStyle={'background-color':'blue'}">
<input type="button" value="clear" ng-click="myStyle={}">
<br/>
<span ng-style="myStyle">Sample Text</span>
<pre>myStyle={{myStyle}}</pre>
可以在 Angulars 网站 https://docs.angularjs.org/api/ng/directive/ngStyle 上阅读有关它的所有不同使用方式的更多信息
更新:回到 CSS 覆盖。
AngularJS 应用程序中的元素被赋予特定的类。这些类可用于根据其状态设置文本区域元素的样式。
The following classes are added:
- ng-untouched The field has not been touched yet
- ng-touched The field has been touched
- ng-pristine The field has not been modified yet
- ng-dirty The field has been modified
- ng-valid The field content is valid
- ng-invalid The field content is not valid
ng-valid-key One key for each validation. Example: ng-valid-required, useful when there are more than one thing that must be validated
ng-invalid-key Example: ng-invalid-required
The classes are removed if the value they represent is false.
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<style>
textarea.ng-invalid {
background-color:pink;
}
textarea.ng-valid {
background-color:lightgreen;
}
</style>
<body ng-app="">
<p>Try writing in the textarea field:</p>
<textarea ng-model="myName" required>关于javascript - 我们在哪里可以找到 TextAngular 的 textarea 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40859266/
27
4
0
目前，我正在为我的项目使用 textAngular。我正在尝试增加工具栏按钮并在该按钮下添加标签。问题是我什至可以增加除 H1、H2、H3 之外的按钮，但无法在每个图标下添加标签。 t
我需要覆盖 textAngular 的图像插入按钮的默认功能。 我需要在单击时打开一个模态。这该怎么做？ 最佳答案 我有一个类似的问题，发现它没有很好地记录。有一些错误线程提到了一些解决方案: htt
我们刚刚将 textangular 升级到 1.2.2，因为它现在支持拖放。 已经在 textAngualrSetup 中看到 defaultFileDropHandler，但是，努力寻找任何文档来支
我使用的是textangular，我需要限制文本的长度。我知道使用 ta-max-text 可以做到这一点。 但是如果文本超出限制，我需要显示错误。当超出限制时，TextAngular 将模型设置为未
我一直在一个元素中使用 textAngular 并喜欢这个工具，但我需要能够为每个实例设置编辑器的高度(例如，我在一个页面上有一个编辑器，我想将高度设置为300 像素，但在另一个页面上我想要一个小编辑
我尝试动态添加一个 WYSIWYG textAngular，但是当我点击我的按钮“添加描述”时，我无法点击我的第二个文本区域(WYSIWYG with textAngular) index.htm
当有人粘贴从网站甚至 Word 文档复制的内容时，textAngular 会添加额外的中断 内容之前和之后的标签。 我像这样使用textAngular: 我想做的是以某种方式 trim 前导和尾随
我正在尝试在 texteditor-div 的底部添加 textAngular 工具栏。现在它呈现在顶部。我一直在尝试使用 CSS，但没有成功。 JS: var app = angular.modul
我想要定制textAngular指令选项。 API 文档说我应该设置 $rootScope.textAngularTools.{customButton} 来构建函数。 但是如果我在 Controll
我正在使用 TextAngular。 我想通过某些条件设置焦点，但我不明白该怎么做。 最佳答案 不知道您的确切需求，但这应该是一个开始。 使用 text-angular 属性为元素添加一个名称并添加
按照此处的说明操作 https://github.com/fraywing/textAngular/ 1) 添加带有textagnular js文件的脚本标签。 2)在我的应用定义中 var myAp
本质上，我想在工具栏上添加一个按钮，以允许用户将 © 插入 textangular 编辑器 ( http://textangular.com/ )，但是我无法理解如何在按钮注册后向其添加功能。 . 由
尝试通过一个简单的示例尽可能使用 TextAngular 模块，但它看起来不正确。 首先，编辑器文本区域只有 1 行高。当我尝试使用编辑器时，我可以编辑多行，但第一行之后的行然后与编辑器区域下方的其他
我有多个编辑器和一个工具栏。最初我只有一个编辑器，然后根据点击工具栏中的按钮添加第二个和第三个。工具栏位于第一个编辑器的顶部，随后添加的编辑器依次堆叠。 我遇到的问题是: 如何在任何编辑器处于焦点时显
在这篇关于名为 textAngular 的 Angular 文本编辑器的帖子中. 我想找到 text-angular 指令的 textarea 元素。因为它使用 bootstrap 设计，我想将元素替
我正在尝试提交一个对某些输入字段使用 TextAngular 的表单。 我似乎找不到有关填充这些字段的任何信息 - 我最接近的是 this ，但如果我尝试类似的操作，我会收到一条错误消息，指出元素在
我在我的一个项目中使用 textAngular 作为文本编辑器。我们必须支持希伯来语，因此我们必须默认为希伯来语用户启用 RTL。 在 textAngular 中是否有任何配置设置？我知道我可以通过直
我看过很多代码片段，详细说明了如何在可内容编辑的 div 中获取和设置插入符位置，但我无法让它在我的情况下工作: 我使用的是 WYSIWYG 文本编辑器 (textAngular)。我为用户提供了在光
Textangular 库使用 angular-sanitize 来清理文本。我希望能够在 youtube 视频中插入 iframe 标签以支持嵌入视频。 如何让 angular-sanitize 允
我实现了一个自定义按钮，允许用户将表格添加到编辑器，效果很好。但是，我似乎无法在单击新添加的表格时触发 onElementSelect。目标是当用户单击表格时，将显示一个弹出窗口，允许用户编辑列数/行
我是一名优秀的程序员,十分优秀！