个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
27
4
我正在尝试在 texteditor-div 的底部添加 textAngular 工具栏。现在它呈现在顶部。我一直在尝试使用 CSS，但没有成功。
JS:
var app = angular.module('myApp', ['textAngular']);
app.controller('AppCtrl', function($scope, $http) {
$scope.htmlcontent = "<h2>New Note...</h2>";
$scope.save =function() {
console.log( $scope.htmlcontent );
$http.post("/Home/SaveWNote", { jsonData: $scope.htmlcontent });
}
});
HTML:
<!doctype html>
<head>
<meta charset="utf-8">
<title>Testing</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/rangy/1.2.3/rangy-core.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/textAngular/1.2.0/textAngular-sanitize.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/textAngular/1.2.0/textAngular.min.js'></script>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css"/>
</head>
<body ng-app="myApp">
<div ng-controller="AppCtrl">
<div text-angular ng-model="htmlcontent "></div>
<button ng-click="save()">Save</button>
<br/>
Your htmlcontent <pre>{{htmlcontent}}</pre>
</div>
</body>
</html>
最佳答案
您可以在 text-angular 指令上使用属性 ta-target-toolbars 使其注册到备用工具栏:
<div text-angular ta-target-toolbars="toolbar" ng-model="htmlcontent"></div>
<div text-angular-toolbar class="toolbar" name="toolbar"></div>
这是一个例子:http://plnkr.co/edit/B2NU8RpUlSrKVFAlpOU2?p=preview
此处提供了涉及来自 textAngular 的 ta-target-toolbars 的相关代码行:https://github.com/fraywing/textAngular/blob/64d31658186bb9bb54c07f7c719d73a472d60b11/src/textAngular.js#L642-L656
关于html - 将 textAngular 工具栏放在文本编辑器的底部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25232733/
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。目标是当用户单击表格时，将显示一个弹出窗口，允许用户编辑列数/行
我是一名优秀的程序员,十分优秀！