在HTML文档中启动编辑器

时间:2011-02-18 15:09:16

标签: javascript html

我想通过添加按钮并启动编辑器来编辑HTML文档。

例如,我在HTML中添加按钮(/abc/def/hello.html),

<button type="button">Edit Code</button>

enter image description here

点击Edit Button,我想启动一个编辑器(例如TextMate或任何其他编辑软件),打开/abc/def/hello.html

当然,只有使用/abc/def/hello.html文件的机器才能进行编辑。

我该怎么做?

ADDED

如果无法打开编辑器,是否可以将文件信息存储到剪贴板中或使用对话框显示?我将给出文件的名称,因此作业应该很简单,因为它只是在用户点击时显示文件名。

3 个答案:

答案 0 :(得分:0)

您将需要一些服务器端脚本来支持此功能。

首先创建自己的mimtype,将其命名为application / x-prosseek-edit,然后使您的按钮成为生成“application / x-prosseek-edit”文件的脚本的链接(并使用该mime类型提供) )。文件本身应包含如何检索文件并在编辑器中启动它的机器可读版本。 e.g。

<?php

header('Content-Type: application/x-prosseek-edit');

print $_SERVER['DOCUMENT_ROOT'] . $_GET['file_to_edit'] . "\n";

然后创建一个处理程序脚本以将mimetype与应用程序相关联(再次使用PHP作为示例):

#!/usr/bin/php -q

<?php

   $fname=file_get_contents($argv[1]);

   exec('/usr/bin/my_editor $fname');

通过一点想象力,您可以定义传输机制来创建文件的本地副本,并在编辑完成时将其复制回来。

答案 1 :(得分:0)

我不确定你到底在找什么,但这可能有所帮助 Firebug Lite

允许您将firebug嵌入任何页面,以便您可以编辑代码,而不确定是否保存它。

答案 2 :(得分:0)

这不是一般解决方案,但它适用于我正在使用的Mac / TextMate。请参阅我的其他question

我可以采取行动打开txmt协议,点击按钮,我可以启动一个包含我要编辑的文件的编辑器。

<form action="txmt://open/?url=file:///Users/smcho/smcho/bin/rst2html" method="post">
<button type="submit" name="link" value="/Users/smcho/smcho/works/prgtask/ni/gtest_boost_options/readme.txt">Vote</button>
</form>
相关问题