[JavaScript] How to use HightLight in Dojo?

最新推荐文章于 2024-09-20 10:29:51 发布

原创最新推荐文章于 2024-09-20 10:29:51 发布 · 839 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dojo #js #hightlight #html

JavaScript_CSS 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了如何在Dojo Toolkit中利用高亮功能，使HTML代码块更具美观性，通过一系列示例代码展示具体实现过程。

The HightLight can help make the code blocks in the HTML more beautifully. This recipe tells you how to use this cool feature in the Dojo toolkit.

<!DOCTYPE HTML>
<html>
	<head>
		<title>Dojo Trip</title>
		<link rel="stylesheet" href="http://yandex.st/dojo/1.9.1/dojox/highlight/resources/highlight.css" />
	</head>
	<body>
		<div id="main">
			<div id="code" class="javascript">
				var name = "Dojo";			
			</div>
		
		</div>
		
		<script type="text/javascript">
			var dojoConfig = {async: false};
		</script>
		<script src="http://yandex.st/dojo/1.9.1/dojo/dojo.js"></script>
		<script type="text/javascript">
			require(["dojox/highlight/_base",'dojo/ready',"dojox/highlight/widget/Code","dojox/highlight/languages/javascript"],function(highlight,ready,Code){
				ready(function(){
					new highlight.Code({},"code");
					//var code = new Code({},'code');
					//code.startup();				
				});			
			});			
		</script>
	</body>
</html>