草庐IT

markdown编辑器

全部标签

javascript - 我可以在不重新加载浏览器的情况下编辑 React 组件吗?

如果React提供DOM协调,是否可以在我编辑后动态重新加载组件的代码并重新呈现它?我正在寻找一种解决方案,它允许我编辑JSX文件、保存它并让组件在浏览器中自行更新,而无需重新加载页面、卸载它或丢失其状态。理想情况下,这应该可以在没有浏览器插件的情况下工作。 最佳答案 您可以使用react-hot-loader,顺路Webpack加载器,可以对项目中的React组件进行实时编辑。无需浏览器插件或IDEHook。它与Webpack结合HotModuleReplacement(HMR)与React。您可以在以下情况下使用它:您的Reac

javascript - 检测模糊,也就是失去 Draft.js 编辑器的焦点

是否有“正确的方法”来检测我是否失去了Draft.js编辑器的焦点?用例是,如果用户单击其他地方,我想要“退出编辑器模式”,这意味着我切换编辑器的readOnly属性。我怎样才能理想地做到这一点,这样做是个好主意吗(你看到这方面的问题了吗)? 最佳答案 您可以使用旧的onBlur捕获围绕您的草图编辑器触发的模糊事件这对您的场景来说还不够吗? 关于javascript-检测模糊,也就是失去Draft.js编辑器的焦点,我们在StackOverflow上找到一个类似的问题:

JavaScript 查找 TinyMCE 富文本编辑器值是否为空

我在我的一个网络应用程序中使用了TinyMCE文本区域。如何使用JavaScript检查TinyMCEtextarea的值是否为空?document.getElementById("myeditorid").value没有帮助我。 最佳答案 它不再是文本区域,因此value属性将不起作用。这是您获取对编辑器及其文本的引用的方式:vartext=tinyMCE.get('myeditorid').getContent(); 关于JavaScript查找TinyMCE富文本编辑器值是否为空,

javascript - tinyMCE - 你能配置一个低于 100px 的编辑器高度吗?

我对TinyMCE不是很熟悉,但我似乎无法将其配置为低于100像素的高度。我已经尝试过,它似乎总是将它设置为100px任何时候低于它。我只需要几个按钮,编辑器窗口可能永远不会超过一行,所以我试图减少一点界面困惑。 最佳答案 在tinymce的4.X.X版本中有很多变化。工作代码:tinyMCE.init({...,setup:function(ed){ed.on('init',function(args){varid=ed.id;varheight=25;document.getElementById(id+'_ifr').styl

tinymce - 如何禁用tinymce编辑器

我想使用Javascript禁用tinymce编辑器。实际上,我有两个单选按钮:1)On和2)Off。当用户选择Off单选按钮时,我的tinymce编辑器应该是readonly/disabled&当用户选择On单选按钮时,我的tinymce编辑器应该是enabled。我怎样才能做到这一点?已编辑:-(因为它在IE8中不起作用)tinyMCE.init({force_p_newlines:false,force_br_newlines:false,forced_root_block:false,convert_newlines_to_brs:false,//Nottoaddbreleme

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 - 如何仅将文本框中的某些文本设置为只读,同时允许编辑其余文本

我正在尝试使用Javascript制作一个文本框,该文本框在文本框的开头包含一些只读文本,然后允许在只读文本之后进行编辑。我如何在Javascript/jquery中执行此操作? 最佳答案 这是一个尝试:varreadOnlyLength=$('#field').val().length;$('#output').text(readOnlyLength);$('#field').on('keypress,keydown',function(event){var$field=$(this);$('#output').text(even

javascript - 如何在 Ace 编辑器中获取选定的文本?

我查看了文档并查看了源代码,但我没有找到任何东西,我所看到的只是选择和范围对象,以及操作范围的方法。 最佳答案 最好改用editor.getSelectedText()。 关于javascript-如何在Ace编辑器中获取选定的文本?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/23996814/

javascript - 将 tinymce 编辑器添加到元素对象而不是选择器

我有一个创建tinymce编辑器的自定义元素(Aurelia等同于Web组件)。无法使用选择器来选择文本区域(因为页面上可以存在任意数量的这些自定义元素)。我需要一些方法来通过将元素对象传递给tinymce实例来初始化它。有这种可能吗?我在任何地方都找不到此功能...提前致谢。 最佳答案 对不起,我来晚了。我有这个完全相同的问题。我使用了一个Angular指令,我想在$element上初始化TinyMCE。事实证明你可以使用这个语法:varelement=getYourHTMLElementSomehow();//...tinymc

javascript - 使用 jquery 编辑现有的内联样式?

我有一些html似乎默认为:但我需要Jquery来拯救我并将top:72px更改为top:37px这可能吗?在Firefox中似乎显示为37px,但在IE7中显示为72px谢谢编辑:添加了更多信息ulid=treemenu1它的父元素是divclass=treemenu 最佳答案 $('#treemenu1').css({top:37});应该可以正常工作。jsFiddle的POC。 关于javascript-使用jquery编辑现有的内联样式?,我们在StackOverflow上找到一