博客园markdown编辑器代码折叠


博客园设置里申请js权限。作用到侧边栏就可以,其他地方也行。只适配的markdown编辑器,与其他界面美化代码一起使用可能会出现bug。

<script type="text/javascript">
		$(document).ready(function () {
			var pres = $("pre");
			for (var i = 0; i < pres.length; i++) {
				$(pres[i]).attr('id', 'pre' + i);
				$(pres[i]).children('code').hide();
				$(pres[i]).prepend('<button id="btn'+ i +'" onclick="view_code(\'pre'+ i +'\');">view code</button>');
			}
		});
		function view_code (id) {
			var btn_text =  document.getElementById(id).children[0].innerText;
			var style;
			var status;
			if(btn_text == 'view code') {
				style = '""';
				status = 'hide code';
			} else {
				style = 'display: none;';
				status = 'view code';
			}
			document.getElementById(id).children[0].innerText = status;
			document.getElementById(id).children[1].style = style;
		}
</script>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM