- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我在我的站点中使用 epiceditor,我正在使用服务器在页面上嵌入的 markdown 来填充它。目前,当 epiceditor 显示时,它的默认高度非常小,带有滚动条以处理查看整个内容。我可以手动设置 div 的高度,目前这是我能做的最好的(我已经将它设置为相当大的值:800 像素)。但是,我希望它的高度始终足以容纳没有滚动条的全部内容。本质上类似于溢出:可见。
这里是目前为止的相关部分
<html>
<head>
<script src="/assets/javascripts/epiceditor/js/epiceditor.min.js" type="text/javascript"></script>
<script id="postMarkdown" type="text/markdown" data-postId="1">
#Markdowns in here
...
</script>
<style>
#epiceditor{
height: 800px;
}
</style>
<script src="/assets/javascripts/thrown/posts/edit.js" type="text/javascript"></script>
</head>
<body>
<div id="epiceditor">
</div>
</body>
</html>
这里是 edit.js 源代码(它是从 coffescript 编译的)
$ ->
postMarkdown = $("#postMarkdown").first()
options =
basePath : '../../assets/javascripts/epiceditor'
editor = new EpicEditor(options).load()
postId = postMarkdown.data('postId')
markdown = postMarkdown.html()
editor.importFile('posts/'+postId,markdown);
editor.reflow();
我希望回流可以在插入内容后增加高度,但是没有这样的运气。但是,如果我调整 div 的大小并调用回流,它会正确调整大小。我检查了它创建的标记,希望我可以确定高度并调整其容器的大小并告诉它重排。然而,它似乎包含多个 iframe,乍一看我没想到这是一个快速的变化,或者甚至可能。但是,我欢迎任何解决方案。
我还了解到,如果我将其容器调整到合适的高度,epiceditor 将填充适当的空间。但是我希望它的高度是渲染所需的高度,这样编辑器就可以在网站设计的其余部分占据正确的空间。因此,如果我可以在 EpicEditor 中设置一些东西让它不以它现在的方式溢出,或者在它加载后确定高度的方法,我就设置好了。感谢您的帮助。
最佳答案
我是制作 EpicEditor 的人,这里有一个解决方案:
var editor = new EpicEditor({
basePath: 'https://raw.github.com/OscarGodson/EpicEditor/develop/epiceditor'
});
var updateEditorHeight = function () {
editorHeight = $(editor.getElement('editor').body).height();
// +20 for padding
$('#epiceditor').height(editorHeight + 20);
editor.reflow();
}
editor.load(function (){
updateEditorHeight();
});
editor.on('update', function () {
// You should probably put a check here so it doesn't
// run for every update, but just on update, AND if the
// element's height is different then before.
updateEditorHeight();
});
此外,在 CSS 中,我向 epiceditor 的包装器添加了一个 overflow: hidden
,这样滚动条就不会随着它的增长而出现。
演示:http://jsbin.com/eyidey/1/
演示代码:http://jsbin.com/eyidey/1/edit
从 EpicEditor 0.2.2 开始,自动增长是内置的。只需打开 autogrow
选项即可。
关于javascript - 根据放入其中的内容调整 EpicEditor 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14542761/
我正在尝试使 EpicEditor 正常工作,并且我已按照网站上的说明进行操作: HTML: Javascript: var editor = new EpicEditor().load(); 但
不确定这本身是否是一个实际问题,但我正在使用 Epic Editor在我的 GAE 应用程序中输入和保存 markdown(webpy,mako 作为模板引擎)。 我在表单中有一个隐藏的输入元素,当我
我正在使用 EpicEditor .下面是我通过 Epiceditor 初始化的代码: var opts = { container: 'epiceditor', textarea:
我正在使用 EpicEditor 在我的一个项目中。所以根据 doc ,我已将 textarea 属性添加到我的 textarea id,因此当页面第一次加载时,textarea 中的所有内容都会显示
我基本上是在寻找一种向 EpicEditor 添加自定义键盘快捷键的方法。 假设我想在按下 CTRL+ENTER 时运行自定义 JavaScript 函数。 我也尝试过使用 mousetrap,但它在
我在我的站点中使用 epiceditor,我正在使用服务器在页面上嵌入的 markdown 来填充它。目前,当 epiceditor 显示时,它的默认高度非常小,带有滚动条以处理查看整个内容。我可以手
是否可以将脚本(例如 MathJax)加载到 EpicEditor 预览 iFrame 中?我希望我的预览是正确的 Markdown,然后运行 javascript 来预览 MathJax 内容。
我正在尝试在同一页面上加载 3 个 EpicEditor 实例:http://jsbin.com/ripukati/1/edit?html,js .我得到的错误是 Uncaught TypeError
我是一名优秀的程序员,十分优秀!