代码

xuxinhua · xuxinhua · commit 0a9efac0742a · 2015-05-10T23:06:28.000+08:00
diff --git a/websites/code/studygolang/static/js/codes.js b/websites/code/studygolang/static/js/codes.js
@@ -0,0 +1,59 @@
+(function(){
+	SG.Projects = function() {}
+	SG.Projects.prototype = new SG.Publisher();
+	SG.Projects.prototype.parseDesc = function(){
+		var markdownString = $('.project .desc').text();
+		// 配置 marked 语法高亮
+		marked = SG.markSetting();
+
+		var contentHtml = marked(markdownString);
+		contentHtml = SG.replaceCodeChar(contentHtml);
+
+		$('.project .desc').html(contentHtml);
+	}
+
+	jQuery(document).ready(function($) {
+		var IS_PREVIEW = false;
+		$('.desc .preview').on('click', function(){
+			// console.log(hljs.listLanguages());
+			if (IS_PREVIEW) {
+				$('.preview-div').hide();
+				$('#desc').show();
+				IS_PREVIEW = false;
+			} else {
+				var markdownString = $('#desc').val();
+				// 配置 marked 语法高亮
+				marked.setOptions({
+					highlight: function (code) {
+						code = code.replace(/&#34;/g, '"');
+						code = code.replace(/&lt;/g, '<');
+						code = code.replace(/&gt;/g, '>');
+						return hljs.highlightAuto(code).value;
+					}
+				});
+
+				$('#desc').hide();
+				$('.preview-div').html(marked(markdownString)).show();
+				IS_PREVIEW = true;
+			}
+		});
+
+		// 发布项目
+		$('#submit').on('click', function(evt){
+			evt.preventDefault();
+			var validator = $('.validate-form').validate();
+			if (!validator.form()) {
+				return false;
+			}
+
+			var projects = new SG.Projects()
+			projects.publish(this);
+		});
+
+		$(document).keypress(function(evt){
+			if (evt.ctrlKey && (evt.which == 10 || evt.which == 13)) {
+				$('#submit').click();
+			}
+		});
+	});
+}).call(this)
diff --git a/websites/code/studygolang/template/codes/new.html b/websites/code/studygolang/template/codes/new.html
@@ -19,13 +19,14 @@
 				<div class="form-group form-group-sm">
 					<label class="col-sm-2 control-label" for="title"><abbr>*</abbr>标题</label>
 					<div class="col-sm-9">
-						<input class="form-control required" type="text" id="title" name="title" placeholder="标题" value="{{.code.Title}}">
+						<input class="form-control required" type="text" id="title" name="title" placeholder="一句话概述代码的用途" value="{{.code.Title}}">
 					</div>
 				</div>
 				<div class="form-group form-group-sm">
-					<label class="col-sm-2 control-label" for="remark">代码说明</label>
+					<label class="col-sm-2 control-label" for="remark">简单介绍</label>
 					<div class="col-sm-9">
 						<textarea class="form-control need-autogrow" id="desc" name="desc" rows="5">{{.code.Remark}}</textarea>
+						<span class="help-block">例如代码出处、适用的平台、所依赖的项目等等（可选）</span>
 					</div>
 				</div>
 				<div class="form-group form-group-sm">
@@ -52,11 +53,19 @@
 	</div>
 	<div class="col-lg-3 col-md-4 col-sm-5">
 		<div class="row box_white sidebar">
-			<script type="text/javascript">
-			var cpro_id="u1996895";
-			(window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"291",rsi1:"291",pat:"6",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"0",adp:"1",ptt:"0",titFF:"%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91",titFS:"14",rss2:"#000000",titSU:"0",ptbg:"90",piw:"0",pih:"0",ptp:"0"}
-			</script>
-			<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
+			<div class="top">
+				<h3 class="title"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;分享代码提示</h3>
+			</div>
+			<div class="sb-content">
+				<span class="help-block">
+					<ul>
+						<li>第一次分享代码之前，请先参考别人的作品</li>
+						<li>请先搜索一下是否已有人发布同样代码</li>
+						<li>代码将在下一步输入，而不是“简单介绍”</li>
+						<li>标签应尽可能短，不要包含其他标点符号</li>
+					</ul>
+				</span>
+			</div>
 		</div>
 
 		<div class="row box_white sidebar">
@@ -94,7 +103,7 @@
 <script	type="text/javascript" src="/static/js/libs/jquery.validate.msg.cn.js"></script>
 <script type="text/javascript" src="/static/js/libs/marked.min.js"></script>
 <script type="text/javascript" src="/static/js/libs/highlight.min.js"></script>
-<script type="text/javascript" src="/static/js/projects.js?v=1.0"></script>
+<script type="text/javascript" src="/static/js/codes.js"></script>
 <script type="text/javascript">
 // 需要加载的侧边栏
 SG.SIDE_BARS = [
