网页Js 代码显示框的问题
发布网友
发布时间：2024-09-30 12:18
共2个回答
热心网友
时间：2024-10-21 17:50
思路是这样的:
<pre name="code" class="stylesheet">
具体的内容
</pre>
如果我让其取出这个标签的内容还是容易的!
document.getElementsByName("code").innerHTML
我们对得到的内容进行重新的生成.
比如我先生与一个文字:
var str1 = "<span class=\"style1\">javascript代码</span>"
当然我后面还可以生成一个图像,让其做拷贝剪贴板的动作;
var str2 = "<image src=\"地址\" alt=\"复制代码\" onclick=\"onclick1()\"><br><br>"
当然,我还可以生成一个层,这个层是用来显示代码与行号的,
层中还可以再生成层,志用来显示行号,再生成一个层用来显示代码!
OK,显示代码的层中使用<pre>使用不使用其他的定义你自己看,这里很大的程序度是要求行号与内容对齐才是一个大项的.
如何将行号与具体的行对齐?
其实说明白了这里还是进行了拆行处理.如果你要求用一个简单的,你可以使用table让其进行上对齐就可以了!而就是说我们可以将其写入到一个table中去.能做到这一点的!
当然这只是思路,可以很容易实现,但真正的这里使用的并不是这个的而是其他的方式,总之要实现这种可以定义一个具体的函数进行工作的.然后将这个函数写在文本流的结尾或是定义到body的装载完成事件中就可以实现这样的效果的!
如果真的像楼上所说的这第简单的话,真是有点太不重视JS了!
但这只是一个显示,明白了,你还会知道,这个是怎么进行词法调整的?
呵呵,这里还要设计一个语法自动着色的功能呢!说多了,太复杂,总之说句实现的,不是你30个QB就能办到的,除非你自己会写!
热心网友
时间：2024-10-21 17:50
