jjzjj

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 如何在 Monaco Editor 实例中设置制表符宽度?

我想在monacoeditor的实例中设置缩进宽度(以空格为单位).到目前为止,我已经能够通过传入IEditorOptions中的任何一个来自定义许多选项。在初始化期间。这些选项也可以稍后在编辑器实例上使用updateOptions方法自定义,如以下示例所示://Manysettingscanbeappliedatinitializationvareditor=monaco.editor.create(document.getElementById("editor"),{language:"html",value:"HelloWorld!",});//...theycanalsobec

javascript - 有没有像样的基于浏览器的 javascript 自编辑器?

是否有一个不错的基于浏览器的javascriptself编辑器?很明显,可以用包含表单文本区域、一些按钮和回调的页面制作一个快速的js编辑器。我想知道是否有人以此为起点并付诸实践。要编辑的javascript可以在全局字符串中定义,也可以是服务的.js理想的编辑器会在浏览器窗口中显示一个漂亮的版本,并提供某种开发环境来编辑脚本。据了解,用户编写的脚本只会存在于浏览器中,如果没有一些额外的服务器端功能,则无法保存。理想的包将讨论和探索这个……但我愿意接受任何让用户自己对100-200行脚本进行简单更改的东西。 最佳答案 我不确定你到底

javascript - Monaco Editor 可动态调整大小

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

javascript - ace.js 编辑器中的自动完成

我想知道当用户在编辑器ace.js中输入时是否可以启用自动完成。目前在我的项目中,当用户键入时启用自动完成:ctrl+space。那么,是否可以在自动补全列表中添加一些关键词呢?谢谢 最佳答案 用于触发自动完成useeditor.commands.on("afterExec",function(e){if(e.command.name=="insertstring"&&/^[\w.]$/.test(e.args)){editor.execCommand("startAutocomplete")}})要添加一些关键字,您可以添加另一个

javascript - 是否可以混合使用 CodeMirror : Velocity mode and the CodeMirror: HTML mixed mode?

有人为codemirror做了'htmlmixed'+'Velocity'模式吗?或者任何人都可以建议如何实现这一目标? 最佳答案 我能够使用overlay.js插件轻松实现这一点:CodeMirror.defineMode("velocityOverlay",function(config,parserConfig){returnCodeMirror.overlayMode(CodeMirror.getMode(config,"htmlmixed"),CodeMirror.getMode(config,"velocity"));}

用于自定义语言语法的基于 JavaScript 的代码编辑器

我需要基于javascript/html的代码编辑器,我将为非常简单的自定义编码语言定制它。此编辑器工具需要在离线解决方案中工作,因此源代码必须可下载或打开。即使没有变量,语言语法看起来也像非常简化的java脚本我将为自定义语言定义“ifthen”和“builtinfunctionname”。所以它必须有自定义编码语言语法的配置支持如果你能引用一些现成的解决方案,那将非常有帮助 最佳答案 我找到了自己问题的解决方案我用的是代码镜像http://codemirror.net/它内置了对许多编码语言的支持,包括JavaScript/C#

javascript - 使用javascript在夏季笔记编辑器中查找下一个并替换

我想要java脚本代码添加自定义按钮以查找下一个并在summer-note编辑器中替换,如下图所示-我成功地使用“gi”正则表达式全局替换了文本,也成功地使用“i”正则表达式一个接一个地替换了所有单词。但是我无法使用findnext跳过单词然后替换下一个单词。请帮忙。提前致谢。 最佳答案 您可以将一个函数传递到您的正则表达式替换语句中,您可以在其中仅替换此处显示的方法中的特定第n个匹配项。当有人在新搜索中第一次单击FindNext时,它应该创建一个变量来跟踪n,将其设置为等于1。每次他们再次单击FindNext时,增加n的值。当他们

javascript - tinymce 无法在初始化时正确调整大小

我正在使用带有自动调整大小插件的Tinymce编辑器。我的问题是,当tinymce实例初始化时,它没有正确调整大小以包裹内容的高度。如果我在编辑器中有一个长文本(例如15行),当显示tinymce时,仅5行自动调整编辑器区域大小,而其他10行不显示。只有当我在编辑器区域输入内容时,所有15行的自动调整大小才会增长。这是一个javascriptautoresize插件:/***editor_plugin_src.js**Copyright2009,MoxiecodeSystemsAB*ReleasedunderLGPLLicense.**License:http://tinymce.mo

javascript - 功能丰富的 JavaScript IDE 环境?

我目前正在使用VisualStudio2008来编辑.js文件,它有很好的支持,但我想要更多...我喜欢VS语法突出显示和自动缩进功能,但还喜欢高级功能,例如:上下文信息和帮助、可折叠的JavaScriptblock、用于搜索、重构等的隐式符号理解;还有js代码的警告和错误。建议?编辑:糟糕...适用于Windows平台。我已经看到了一些Eclipse的答案,这很好,因为我将在Windows上安装Eclipse。目的:我希望该工具功能丰富,以帮助我理解正在发生的事情,因为在使用jQuery时JavaScript会变得相当迟钝。实际上,不管怎样,理解起来可能会很迟钝。加上针对不同浏览器和