Javascript 使用JQuery创建HTML源代码编辑器,如W3S
我想创建Javascript 使用JQuery创建HTML源代码编辑器,如W3S,javascript,jquery,html,Javascript,Jquery,Html,我想创建HTML源代码编辑器,比如w3s 我尝试过使用JQuery语法突出显示它的工作原理如下 它工作得很完美,但当我尝试编辑它时,它不会一直响应大型代码。我的html代码超过12000到15000行,所以它没有用处 我想创建如下学校 我怎样才能像上面那样创作呢 请告诉我一些想法 建议任何插件来创建它我得到了Answare 现在它的响应是伟大的,我尝试了超过100000行的html在其中&它的工作伟大 我将插件从JQuery语法高亮显示改为JQuery代码镜像 按照以下步骤设置代码镜像 步骤
HTML
源代码编辑器,比如w3s
我尝试过使用JQuery语法突出显示它的工作原理如下
它工作得很完美,但当我尝试编辑它时,它不会一直响应大型代码。我的html代码超过12000到15000行,所以它没有用处
我想创建如下学校
我怎样才能像上面那样创作呢
请告诉我一些想法
建议任何插件来创建它我得到了Answare 现在它的响应是伟大的,我尝试了超过100000行的html在其中&它的工作伟大 我将插件从JQuery语法高亮显示改为JQuery代码镜像 按照以下步骤设置代码镜像 步骤1:从下载CodeMirror 步骤2:解压插件文件并将解压后的文件夹添加到解决方案中 步骤3:添加以下内容的引用
plugin/codemirr/lib/codemirr.css
plugin/codemirr/lib/codemirr.js
html
中添加
,使用类codemirr textare
,如下所示
HTML
<!DOCTYPE html>
<html>
<head>
<title>CodeMirror</title>
<link rel="stylesheet" type="text/css" href="plugin/codemirror/lib/codemirror.css">
</head>
<body>
<textarea class="codemirror-textarea"></textarea>
<!-- javascript -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="plugin/codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="js/default.js"></script>
</body>
</html>
$(document).ready(function(){
//code here...
var code = $(".codemirror-textarea")[0];
var editor = CodeMirror.fromTextArea(code, {
lineNumbers : true
});
});