target: 我想制作一个能带预览功能的php editor(并能轻易插入一个页面).
action:
搜索(google or baidu)没发现任何现成答案.搜索中发现了codemirror,我想应该ok.于是下载并解压codemirror(5.2version)到d盘,d:\codemirror-5.2.在d:\codemirror-5.2\demo,有很多demo,其中preview.html比较合适.用chrome打开preview.html,测试javascript and html,均ok.我就想要这种效果(preview.html),但是要php版本,所以我copy preview.html,并命名为phppreview.html,放在d:\codemirror-5.2\demo.在notepad++打开phppreview.html,按如下步骤修改.line 3, changed title to codemirror: php preview.after line 12, add a new line :>.line 37 and 42,change html5 preview to php preview.line 72, change mode from text/xml to application/x-httpd-php.其他不作改变,在chrome打开phppreview.html,测试php code,代码输出和代码高亮均不起作用!questions: 我想在一个页面插入一个php editor带预览功能(用codemirror实现),该如何制作? 以上的步骤哪里有错?或还需要加入哪些步骤?
万分感谢!
note: 该问题已在stackoverflow提交但两周还未收到一条回复.望在segmentfault能得到热心高手的指点!
html editor with preview:
php editor with preview:
回复内容： target: 我想制作一个能带预览功能的php editor(并能轻易插入一个页面).
action:
搜索(google or baidu)没发现任何现成答案.搜索中发现了codemirror,我想应该ok.于是下载并解压codemirror(5.2version)到d盘,d:\codemirror-5.2.在d:\codemirror-5.2\demo,有很多demo,其中preview.html比较合适.用chrome打开preview.html,测试javascript and html,均ok.我就想要这种效果(preview.html),但是要php版本,所以我copy preview.html,并命名为phppreview.html,放在d:\codemirror-5.2\demo.在notepad++打开phppreview.html,按如下步骤修改.line 3, changed title to codemirror: php preview.after line 12, add a new line :>.line 37 and 42,change html5 preview to php preview.line 72, change mode from text/xml to application/x-httpd-php.其他不作改变,在chrome打开phppreview.html,测试php code,代码输出和代码高亮均不起作用!questions: 我想在一个页面插入一个php editor带预览功能(用codemirror实现),该如何制作? 以上的步骤哪里有错?或还需要加入哪些步骤?
万分感谢!
note: 该问题已在stackoverflow提交但两周还未收到一条回复.望在segmentfault能得到热心高手的指点!
html editor with preview:
php editor with preview:
你要的也许是 http://3v4l.org/
至于自己做，codemirror只是一个editor，除了editor之外，你说的功能还必须有一个合适的沙盒环境来执行php代码，单靠editor肯定是无法执行php代码的
比如 https://github.com/fieryprophet/php-sandbox 看上去还算能用
你可以看看这个demo，希望能对你有用：
http://www.365mini.com/diy.php?f=jquery-on-demo
php是服务端语言，光靠客户端是无法预览的。可以做个按钮然后ajax到服务端运行，当然要设置好安全问题。