我已按照 aloha-editor.org 中的说明按照说明“安装” aloha 编辑器。
Aloha 编辑器已加载(如您在照片中所见)但未正确加载
你可以在这里看到照片:
这是我使用的一些javascript:
<head>
<script type="text/javascript" src="lib/js/jquery-1.7.1.min.js"></script>
<script
src="aloha/lib/aloha.js"
data-aloha-plugins="common/format,common/list" >
</script>
<script type="text/javascript">
Aloha.ready( function() {
Aloha.jQuery('#content').aloha();
});
</script>
</head>
最佳答案
我有一个类似的问题 - 只需要下载他们引用的 css 文件并在本地运行它。使用他们的代码运行它可能会出错。如果您已经这样做了，请仔细检查 css 文件的路径。
<link href="aloha.css" rel="stylesheet" type="text/css"> (local seems to help)
其他包含和配置
<script src="http://cdn.aloha-editor.org/current/lib/aloha.js"
data-aloha-plugins="common/format,
common/list,
common/link,
common/highlighteditables">
</script>
...并在页面上启动
<script type="text/javascript">
Aloha.ready( function() {
var $ = Aloha.jQuery;
$('.editable').aloha();
});
</script>
最后 - class='editable' 的所有元素都是可编辑的
<p class="editable">Click to edit this paragraph.</p>
我在想 aloha 编辑器可能存在一些 z-index 问题……或者他们正在处理一些错误……这里是寻找答案的好地方。
http://aloha-editor.org/builds/development/latest/doc/guides/output/
如果它不起作用，请考虑使用 CKEditor 或类似工具？值得一试，是我最常使用的。
关于javascript - aloha 界面显示不正确(截图)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8992791/