草庐IT

插入图片

全部标签

javascript - contenteditable 元素中类似标签的自动完成和插入符号/光标移动

我正在开发一个jQuery插件,它可以让你做@username样式标签,就像Facebook在其状态更新输入框中所做的那样。我的问题是,即使经过数小时的研究和实验,简单地移动插入符号似乎真的很难。我设法注入(inject)了用某人的名字标记,但在它后面放置插入符号似乎是火箭科学,特别是如果它应该在所有浏览器中工作。而且我什至没有考虑替换输入的@username带有标签的文本,而不是像我现在正在做的那样注入(inject)它...大声笑StackOverflow上有大量关于使用contenteditable的问题,我想我已经阅读了所有这些问题,但它们并没有真正涵盖我需要的内容。因此,任何

javascript - 使用javascript上传图片

我正在尝试在客户端获取图像作为javascript的Object以使用jQuery发送它functioncheckSize(){im=newImage();im.src=document.Upload.submitfile.value;if(!im.src)im.src=document.getElementById('submitfile').value;alert(im.src);alert(im.width);alert(im.height);alert(im.fileSize);}Filename:但是在这段代码中只有alert(im.src)显示文件的src但是alert(i

javascript - Summernote所见即所得编辑器如何添加图片管理器?

我尝试过很多所见即所得的编辑器,比如TinyMCE、Ckeditor和Summernote。我喜欢Summernote的简洁和edit/save功能,但summernote似乎没有像TinyMCE或CKEditor这样的图像管理器插件。我的网络应用程序有一个照片池(媒体库),可以由个人用户上传。我想要一个功能,允许用户从池中选择照片,并在Summernote中编辑文章时将其添加到文本区域(就像Wordpress所做的那样)。如果真的没有插件支持,谁能给我一些提示如何手动完成此功能? 最佳答案 如我在summernotegithubi

javascript - 动态插入分页符

我的团队在一个使用asp.netmvc3(c#)的项目中工作。根据项目需求,我们需要像MicrosoftWord一样实现分页符。我需要保存分页符,页面大小可能是a4、letter、legal等。是否可以在ckeditor中控制内容的页面大小,并在编辑器中插入分页符,当它超过一定的高度或大小时,它在MSWord中的工作方式相同>是否有任何替代解决方案? 最佳答案 正如graphicdivine所说,使用printCSS来完成您需要做的事情。创建一个具有page-break-before的css类定义,并在中断后将该类动态添加到页面的第

javascript - 如何运行刚刚从 BHO 动态插入的 <script> 标记

我完全不熟悉使用浏览器帮助程序对象开发IE扩展。我设法创建了一个BHO,它成功地在HTML页面的头部插入了一个引用javascript文件的脚本标签(参见下面的代码)。但脚本标记只是位于DOM中,外部javascript文件未执行。有没有办法告诉浏览器运行外部javascript文件?谢谢!代码详细信息:我在OnDocumentComplete事件上调用了以下方法:voidCHelloWorldBHO::InsertScriptTag(IDispatch*pDispDoc){HRESULThr=S_OK;//queryforanHTMLdocument.CComQIPtrpDocume

javascript - 选择后插入 HTML

我希望能够双击以选择div中的一些文本,然后触发一个JavaScript函数在所选文本之后插入一些HTML,就像GoogleWave中的“编辑/回复”功能一样。我已经确定了如何在双击时触发一个函数,它正在定位选择并随后在它之后插入HTML,这就是问题所在。 最佳答案 以下函数将在所有主流浏览器中选择的末尾插入一个DOM节点(元素或文本节点)(请注意,Firefox现在默认允许多选;以下仅使用第一个选择):functioninsertNodeAfterSelection(node){varsel,range,html;if(windo

javascript - Angular 2 将 @Component 插入到另一个组件的 DOM 中

我有一个组件import{Component}from'@angular/core';@Component({selector:'test-component',template:'Content',})exportclassTestPage{constructor(){}}我还有另一个组件:import{Component}from'@angular/core';@Component({selector:'main-component',templateUrl:'main.html',})exportclassMainPage{constructor(){}putInMyHtml()

javascript - 如何停止 visual studio 在函数定义和立即调用之间插入空格?

我正在使用visualstudioJSLint插件来保持我的javascript井井有条,除了这个问题之外它似乎工作得很好。如果我输入x=(function(){}())然后把分号放在最后,Visualstudio更正为:x=(function(){}());然后JSLint提示JSLint:Unexpectedspacebetween'}'and'('.显然这可以通过移除空间来解决,但是visualstudio非常坚持将空间放回去。在函数内的任何地方放置一个分号,这是文件的大部分,将导致VS将空格放回。这开始变得烦人了。我尝试过使用visualstudioJavascript编辑器设

javascript - 主要 JavaScript 引擎中 JavaScript 关联数组(动态对象属性)的检索/插入的复杂性是多少?

以下面的代码为例:varmyObject={};vari=100;while(i--){myObject["foo"+i]=newFoo(i);}console.log(myObject["foo42"].bar());我有几个问题。主要引擎(IE、Mozilla、Chrome、Safari)使用什么样的数据结构来存储键值对?我希望它是某种二叉搜索树,但我认为他们可能会使用链表(因为迭代是按插入顺序完成的)。如果他们使用搜索树,它是self平衡的吗?因为上述带有传统搜索树的代码会创建一个不平衡的树,导致搜索的最坏情况为O(n),而不是平衡树的O(logn)。我问这个只是因为我将编写一个

javascript - 在插入的节点后插入插入符号

所以我有一个方法,它接受一个标签并将选定的文本包装在该标签中。functionwrap(tag){varsel,range;if(window.getSelection){sel=window.getSelection();if(sel.rangeCount){range=sel.getRangeAt(0);varselectedText=range.toString();range.deleteContents();range.insertNode(document.createTextNode('['+tag+']'+selectedText+'[/'+tag+']'));}}}然