草庐IT

富文本html

全部标签

javascript - 如何在文本区域或文本字段中将一些特殊的词设置为只读

我有两个字段。文本区域和输入类型文本。其中有一些标签,如我想让这些用户无法编辑。如果他试图删除整个标签将被删除。这是Jsfiddle我正在尝试这个$(function(){vartb=$("#t").get(0);$("#t").keydown(function(event){varstart=tb.selectionStart;varend=tb.selectionEnd;varreg=newRegExp("()","g");varamatch=null;while((amatch=reg.exec(tb.value))!=null){varthisMatchStart=amatch

javascript - VueJS 在内联模板组件中重新编译 HTML

我已经将bootstrapTable(https://github.com/wenzhixin/bootstrap-table)包装到一个指令中,如下所示:Vue.directive('bootstraptable',{priority:1000,params:['url','resource-name'],bind:function(){var_self=this;$(this.el).bootstrapTable({pagination:true,pageSize:15,pageList:[],sidePagination:'server',url:this.params.url,

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

javascript - Keyup 事件阻止了 Chrome 文本字段中的箭头键

请在GoogleChrome浏览器上检查:jQuery('#tien_cong').keyup(function(e){jQuery(this).val(jQuery(this).val().replace(".",","));varsum=0;vartien_cong=jQuery('#tien_cong').val();tien_cong=tien_cong.replace(/,/g,'');});当用户在文本框中使用.键入内容时,我尝试将.替换为,。在Chrome浏览器上,当用户按下键盘上的左光标按钮←时,它不能移动。为什么? 最佳答案

javascript - 从组件文件和 View 模型生成原始 HTML 字符串

我们有这样一个模板。the-template.html${Foo}我们想用它来做这件事。some-file.tslethtmlString=makeItHappen('the-template.html',{Foo='bar'});console.info(htmlString);//bar什么是我们的makeItHappen函数的等价物? 最佳答案 好的,这是要点:https://gist.run/?id=d57489d279b69090fb20938bce614d3a以下是防止丢失的代码(带有注释):import{bindabl

javascript - Angular2 应用程序未在移动设备上显示加载文本

我有一个带有使用SystemJS的typescript的angular2应用程序;我使用了以下seedapp.在桌面上时,您可以在标签之间看到加载文本(例如Loading...)。在我的索引页面上,我有一个小的加载div来显示我的应用程序在首次加载时速度很慢。但是这个div永远不会在移动设备上显示。索引代码Holdon!We'reunpacking...如果您需要更多代码示例,请告诉我。我基本上希望app标签内的这个div显示在移动设备上;我也愿意接受任何jQuery移动技巧。这似乎是关键帧。你能告诉我哪里出了问题吗?CSS和关键帧代码.loading-icon{animation:s

javascript - Firefox WebExtension,独立的 HTML 覆盖

我正在寻找一种使用WebExtensions在某些网站上显示独立叠加层的方法。iframe似乎是解决此问题的方法,因为它为css、js和DOM提供了一个完整的独立范围。另一件好事是目标网站将无法读取或更改内容。在Chrome扩展中似乎没有任何问题,但在Firefox中使用WebExtensions,即使它们共享相同的语法,我也会收到安全警告/错误并且它不起作用。我尝试了两种不同的方法:创建一个没有src属性的iframe并将其注入(inject)网站主体。此方法失败,因为我在执行iframe.contentWindow.document.open()时收到CSP错误/警告。相关内容脚本

javascript - IE 11 忽略动态生成的 html 页面的 appendChild()

我正在尝试创建一个伪报告,显示导入数据时出现的错误。为此,我有两个功能:letcreateHtmlErrorReport=(err)=>{letcurrentDate=newDate().toLocaleString();letcontents=''+''+''+'ImportInventoryImport'+''+''+''+'html{margin:0;}'+'body{background-color:#d6d6d6;font:10ptsans-serif;}'+'ulli{padding:3px;font:12pt;}'+'#header{padding:10px;backgr

javascript - 使用单选按钮和复选框从 HTML 生成 PDF

目前jspdf方法仅显示内容和图像,但如何包含单选按钮图标。vardoc=newjsPDF();varspecialElementHandlers={'#editor':function(element,renderer){returntrue;}};$('#cmd').click(function(){doc.fromHTML($('#content').html(),15,15,{'width':170,'elementHandlers':specialElementHandlers});doc.save('sample-file.pdf');});CTScangeneratePD

javascript - 将 html 内容从 iframe 复制到 div(ajax)?

假设我的浏览器加载了带有的Iframe我可以使用ajax将test.html的内容加载到主html页面的div中吗?这个想法是我的解决方案,因为我实际上试图通过将ajax提交到远程主机来克服限制。计划是生成具有0大小的iframe的动态页面,该页面向远程主机发出报告请求。然后,在页面(和iframe内容)加载后,我将使用JS将iframe内容复制到div中。不胜感激,谢谢,格言。 最佳答案 不,你不能。当您将来自不同域的页面加载到iframe时,它​​变得无法访问。您无法再访问iframe的内容,因为它来自不同的域。据我所知,您唯一