草庐IT

html-editor

全部标签

javascript - 如何使用 html 标记包装来自 window.getSelection().getRangeAt(0) 的文本选择?

如何从window.getSelection().getRangeAt(0)中进行选择并用HTML标记(如“span”或“mark”)包围它?我更喜欢直接的javascript或jQuery解决方案。我能够使用警报输出选定的文本,但还没有弄清楚如何用额外的标记包围它。我已经看到很多在选择上运行execCommand的例子,但这不是我要找的。在jsfiddle查看我的工作示例有什么想法吗?谢谢 最佳答案 如果所选文本全部包含在单个文本节点中,您可以使用surroundContents()范围的方法。但是,这在一般情况下不起作用。要做的

javascript - html二次曲线上的中心点

我使用context.quadraticCurveTo(controlX,controlY,endX,endY);在htmlCanvas上绘制了一条二次曲线。我有控制点和起点和终点,它们在水平方向上不一定彼此齐平。如何使用这些参数找到曲线的中心点?其实我想在这个中心点上放一个div标签。这个过程有没有解方程? 最佳答案 quadraticCurveTo绘制一个quadraticBéziercurve.计算曲线上任意给定位置(从0到1)点坐标的公式为x(t)=(1-t)^2*x1+2*(1-t)*t*x2+t^2*x3y(t)=(1-

javascript - 如何以全屏模式启动 TinyMCE 4?

有没有办法以全屏模式启动TinyMCE4?我刚从TinyMCE3.x升级,但在3.x中完成的方式在4.x中似乎不起作用:tinyMCE.init({oninit:function(){tinyMCE.get('editor').execCommand('mceFullScreen');}});有什么建议吗? 最佳答案 了解如何去做:tinyMCE.init({plugins:['fullscreen'],setup:function(editor){editor.on('init',function(e){editor.execCo

javascript - Monaco Editor 可动态调整大小

我一直在寻找关于在整个Internet上使用MonacoEditor字段时是否可以模仿html标签文本区域大小调整的讨论,但我找不到能回答我问题的人。我在React应用程序中使用monaco-editornpm包。您知道这是否易于实现吗?提前致谢!解决方案使用纯css,我选择了目标html元素并添加了这些属性:div{resize:vertical;overflow:auto;} 最佳答案 TL;DR:将automaticLayout:true添加到您的编辑器配置中。荷兰;公共(public)关系:Monaco具有内置的自动调整父容

javascript - 如何提高将文本插入 HTML 元素的性能?

在Firefox中,我使用以下代码将文本插入约500个DIV:$(".divs").text("default");//~500DIVs在我的计算机上,如果DIV为空,这始终需要9毫秒。但是,如果DIV已经包含文本,则同样的代码始终需要18毫秒。为什么空DIV插入文本的速度快2倍(jQuery是否需要先清空DIV)?还有,有什么方法可以提高替换已包含文本的DIV中文本的性能吗?注意:在IE7中,速度差异并不那么显着。在空DIV中插入文本大约快1.5倍。 最佳答案 如果您想要所有浏览器的最快解决方案,请使用textContent(如果

javascript - Highcharts:如何在图表区域内添加 HTML

是否可以在图表区域内(边框内;HighchartsRenderer似乎不提供此选项)添加自定义HTML(例如div)?如果是的话,一个人会怎么做呢?感谢任何帮助。 最佳答案 您将不得不使用HighchartsRendererAPI.可以引用这个JSFIDDLEworkingdemo它的工作方式如下:varchart=newHighcharts.Chart({...............},function(chart){//oncompletechart.renderer.text('Thistextisstyledandlink

javascript - 阻止 AngularJS 在路由之间缓存 html

我在一个页面中有两个路由与AngularJS连接。一个页面有一个表单,您可以从中保存一些信息,当我在路由之间来回切换时,angular似乎没有请求html。我试过$httpProvider.defaults.cache=false;基本上,对于一个路由,我不希望Angular缓存html,对于其他路由,这实际上是一件好事。代码在这里:angular.module('userAccount',['ngRoute','ngAnimate']).config(['$routeProvider','$locationProvider','$httpProvider',function($rou

javascript - 为 Angular JS 启用 html 5 模式会抛出 JS 错误 : Failed to instantiate module due to: TypeError: Cannot read property 'html5Mode' of undefined

如何为AngularJS启用html5模式?'usestrict'varblogApp=angular.module('blogApp',['ngRoute']).config(['$routeProvider',function($routeProvider,$locationProvider){$routeProvider.when('/disclaimer',{templateUrl:'templates/disclaimer.html',controller:'DisclaimerCtrl'});$routeProvider.otherwise({redirectTo:'/'}

javascript - 通过数组循环创建 li 并以列表形式显示到 HTML

我正在学习javaScript,我想循环数组并以列表形式显示到HTML。我该怎么做?数组:vararray=['幻灯片1','幻灯片2','幻灯片3','幻灯片4','幻灯片5','幻灯片6','幻灯片7','幻灯片8','幻灯片9'];JavaScript:functionlistItem(item){for(vari=0;i 最佳答案 虽然所有提供的答案都有效并且很好-它们都遇到相同的问题-因为它们在每次迭代时将元素附加到DOM。对于一个小列表,这将不是问题,但如果您要处理列表中所需的大量元素-不断操作hteDOM将产生性能成本

javascript - jstree 3.0.0 上下文菜单右键单击不起作用。显示 TypeError : vakata_context. element.html 不是函数

我的代码正在渲染树、父子、子一切正常,但右键单击上下文菜单未显示。Firebug显示错误“TypeError:vakata_context.element.html不是函数”。如果我删除上下文菜单插件,那么它会显示默认的浏览器右键单击选项。这是代码。jsjQuery(document).ready(function(){$('#pages-wrapper').jstree({'core':{callback:{onchange:function(node,tree){document.location='pages.php?action=edit&id='+node.id.replac