如何创建降价编辑器
srk*_*srk 5 html javascript markdown jquery
我正在为 Web 应用程序创建 Markdown 编辑器。一个更好的类比可能是 Stack Overflow/ RedNotebook，当我们在文本框中输入我们的内容时，立即格式化输出显示在它旁边。
是否有这种模型的任何示例实现？或者我应该从头开始编码，从创建文本框等开始？
任何开源API？
我有一个完美的解决方案给你，我刚刚写了这个。
下载PHP Markdown Extra，并将其放入与此脚本相同的目录中：
<?php
include_once("markdown.php");
if(isset($_GET['mode']) && $_GET['mode'] == 'ajax')
die(Markdown($_POST['markdown']));
?><html>
<head>
<style>
span { text-align: left; width: 49% }
textarea { height: 100%; width: 100% }
#left { float: left; }
#right { float: right; }
</style>
<script type='text/javascript'>
function ajax()
{
if(window.XMLHttpRequest)
var request = new XMLHttpRequest();
else if(window.ActiveXObject)
var request = ActiveXObject("Microsoft.XMLHTTP");
request.open("POST", "?mode=ajax", true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send('markdown=' + document.getElementById('markdown').value);
request.onreadystatechange = function()
{
if(request.readyState == 4 && request.status == 200)
document.getElementById('right').innerHTML = request.responseText;
}
}
window.onload = function(){ ajax(); }
</script>
</head>
<body>
<div>
<span id='left'>
<textarea id='markdown' onkeyup='ajax();'></textarea>
</span>
<span id='right'>
Loading...
</span>
</div>
</body>
</html>
当然这只是一个简单的概念。它需要一些改进，但我认为这是您正在寻找的基础。