草庐IT

html-templates

全部标签

javascript - 使用 javascript 将 HTML 字符实体转换回常规文本

问题说明了一切:)例如。我们有>,我们需要>仅使用javascript更新:jquery似乎是最简单的出路。但是,如果有一个轻量级的解决方案就好了。更像是一个能够自行执行此操作的函数。 最佳答案 你可以这样做:String.prototype.decodeHTML=function(){varmap={"gt":">"/*,…*/};returnthis.replace(/&(#(?:x[0-9a-f]+|\d+)|[a-z]+);?/gi,function($0,$1){if($1[0]==="#"){returnString.f

javascript - 在 div 标签之间插入/删除 HTML 内容

如何在...之间插入一些HTML代码?使用javascript?例如:Something它大约有10行html。谢谢 最佳答案 如果您要替换div的内容并将HTML作为字符串,您可以使用以下内容:document.getElementById('mydiv').innerHTML='Something'; 关于javascript-在div标签之间插入/删除HTML内容,我们在StackOverflow上找到一个类似的问题: https://stackover

javascript - Mustache:全局禁用 html 转义?

有没有办法(不修改mustache的源代码)禁用HTML转义?我将mustache用于其他用途,不想让以下实体转义。varentityMap={"&":"&","":">",'"':'"',"'":''',"/":'/'};给定一个类似foo'{{bar}}'的模板和一个View{bar:1}将产生foo'1'. 最佳答案 如果您不尝试对某些字符串进行HTML转义,您只需执行{{{xx}}}而不是{{xx}}根据:http://mustache.github.io/mustac

javascript - Vue js 2-无法安装组件 : template or render function not defined

我有一个组件:我想使用vue-mask-inputplugin作为子组件:这是整个组件:OverviewBorn{{player.birthday}}-->Club{{player.club}}Position{{player.position}}Height{{player.height}}Weight{{player.weight}}kgFoot{{player.foot}}Agent{{player.agent}}Athleticperformance40mtime4.3s100mtime11.1sVerticaljump65cmimportMaskedInputfrom'vue

javascript - 您应该使用 innerHTML 还是通过一个接一个地创建新元素来将 HTML 添加到 DOM 中?

有两种方法可以将HTML代码添加到DOM,我不知道哪种方法最好。第一种方法第一种方法很简单,我可以使用$('[codehere]').appendTo(element);简单地添加HTML代码(使用jQuery),这很像element.innerHTML=[代码在这里];第二种方法另一种方法是像这样一个一个地创建所有元素://Newdiv-elementvardiv=$('',{id:'someID',class:'someClassname'});//Newp-elementthatappendstothepreviousdiv-element$('',{class:'another

javascript - 如何在 javascript 中模拟 HTML5 拖放事件?

如标题所示,我正在尝试在javascript中模拟HTML5拖放事件。我研究了jquery.ui.simulate以及模拟函数here.两者似乎都可以通过模拟与jQueryUI对象一起使用的mousedown、mousemove和mouseup来模拟拖放。但是像draganddropdemosite这样的页面中的拖放事件似乎无法使用相同的方法进行模拟。触发mousedown似乎不会触发dragstartHTML5事件。有没有一种方法可以根据模拟的mousedown/mousemove等触发dragstart事件,或者有没有一种方法可以直接模拟dragstart(然后放下)事件?我试过修

javascript - 单击时确定 HTML 元素中字符的位置索引

我有一个HTML元素,里面只有可见的文本。这个例子是元素,但它可能是一个,,或其他DOM元素。Thisisasimpleexample.单击时,我可以获得光标在div表面上的位置,但我需要在单击时确定最近字符的位置和/或其在div.innerHTML字符串中的索引。我在SVG文本实体的“getCharNumAtPosition”方法中发现了类似的实现here.是否可以在与HTML一起使用的JavaScript中实现这样的功能?(如果解决方案可以跨大多数现代浏览器移植,适用于大多数书面语言,并且基于相对稳定的标准,这样它们以后就不会出现问题,那么这些解决方案将是最有用的。)

javascript - Underscore.js _.template 导致 Chrome 扩展出错

如果我使用underscore.js的_.template()在GoogleChrome扩展程序中,我在控制台中收到以下错误:UncaughtError:Codegenerationfromstringsdisallowedforthiscontext有什么办法可以克服这个错误吗? 最佳答案 非常感谢Chromium列表贡献者,他指出要按照下划线的方式创建一个Function对象,需要的manifest.json选项content_security_policy以包含“不安全评估”。例如,您的manifest.json可能是{"ma

javascript - 在没有浏览器环境的JS中将HTML转换为纯文本

我有一个CouchDBView映射函数,它生成存储的HTML文档的摘要(文本的前x个字符)。不幸的是,我没有将HTML转换为纯文本的浏览器环境。目前我使用这个多阶段正则表达式html.replace(//gi,'').replace(//gi,'').replace(/()/gm,'').replace(/\s+/gm,'');虽然它是一个非常好的过滤器,但它显然不是一个完美的过滤器,有时会漏掉一些残留物。有没有更好的方法在没有浏览器环境的情况下转换为纯文本? 最佳答案 这个简单的正则表达式有效:text.replace(/]*>/

HTML 中的 Javascript 变量访问

假设我在HTML页面中有以下JavaScriptvarsimpleText="hello_world";varfinalSplitText=simpleText.split("_");varsplitText=finalSplitText[0];Ineedthevalueof"splitText"variablehere如何获取脚本标签外的变量“splitText”的值。谢谢! 最佳答案 varsimpleText="hello_world";varfinalSplitText=simpleText.split("_");varsp