javascript – 如何从textAngular工具栏上的自定义按钮插入文本/符号
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何从textAngular工具栏上的自定义按钮插入文本/符号,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1852字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 如何从textAngular工具栏上的自定义按钮插入文本/符号](/upload/InfoBanner/zyjiaocheng/804/7640deb8bf4b46028fc467198bbc83e6.jpg)
基本上我想在工具栏中添加一个按钮,允许用户将©插入到textangular编辑器(http://textangular.com/)中,但是我无法理解如何在注册后为我的按钮添加功能…所有示例对于textangular网站上的自定义功能,使用相同的语句“wrapSelection”,其中包含非常少的文档,下面显示了一个示例,其中包含引号按钮.
taRegisterTool('quote', {
iconclass: 'fa fa-quote-right',
tooltiptext: taTranslations.quote.tooltip,
action: function(){
return this.$editor().wrapSelection("formatBlock", "<BLOCKQUOTE>");
},
activeState: function(){ return this.$editor().queryFormatBlockState('blockquote'); }
});
我很困惑“formatBlock”初始化的地方,并相信找到它的来源将帮助我解决这个问题.如你所见,任何帮助将不胜感激
taRegisterTool('insertCopyright', {
buttontext: '©',
tooltiptext: taTranslations.insertCopyright.tooltip,
action: function () {
//???
},
});
解决方法:
我想我会为希望插入自定义符号或类似内容的任何人发布我们的解决方案答案,显然我们可以将’insertTextAtCursor’和’moveCaret’移动到其他地方进行清理,但无论如何……
taRegisterTool('insertCopyright', {
buttontext: '©',
tooltiptext: taTranslations.insertCopyright.tooltip,
action: function() {
function insertTextAtCursor(text) {
var sel, range;
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
range.deleteContents();
range.insertNode(document.createTextNode(text));
}
} else if (document.selection && document.selection.createRange) {
document.selection.createRange().text = text;
}
}
function moveCaret(charCount) {
var sel, range;
if (window.getSelection) {
sel = window.getSelection();
if (sel.rangeCount > 0) {
var textNode = sel.focusNode;
sel.collapse(textNode.nextSibling, charCount);
}
} else if ((sel = window.document.selection)) {
if (sel.type != "Control") {
range = sel.createRange();
range.move("character", charCount);
range.select();
}
}
}
insertTextAtCursor(String.fromCharCode(169));
return moveCaret(1);
},
});
内容总结
以上是互联网集市为您收集整理的javascript – 如何从textAngular工具栏上的自定义按钮插入文本/符号全部内容,希望文章能够帮你解决javascript – 如何从textAngular工具栏上的自定义按钮插入文本/符号所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。