kindeditor配置syntaxhighlighter…「建议收藏」

kindeditor配置syntaxhighlighter…「建议收藏」kindeditor默认是prettify,我行号没弄出来,换了syntaxhighlighter,下面是配置的代码。。。 kindeditortest body{ font-family:”MicrosoftYaHei”; } #editor{ word-wrap:break-word; } #ContentSubm

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用


kindeditor默认是prettify,我行号没弄出来,换了syntaxhighlighter,下面是配置的代码。。。

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>kindeditor test</title>
		<style>
			body{
				font-family:"Microsoft YaHei";
			}
			
			#editor{
				word-wrap:break-word;
			}
			#ContentSubmit{
				width:80px;
				height:30px;
				background:#336633;
				border:0 solid #000000;
				cursor:pointer;
				color:#ffffff;
				font-size:15px;
				margin:10px 0;
			}
			#ContentSubmit:hover{
				background:#336666;
			}
			#editor-box{
				margin-left:auto;
				margin-right:auto;
				width:900px;
				height:200px;
				word-wrap:break-word;
			}
		</style>
		<!--加载sh插件-->
		<script src="./kindeditor/plugins/code/scripts/shCore.js"></script>
		<script src="./kindeditor/plugins/code/scripts/shBrushJScript.js"></script>
		<link rel="stylesheet" href="./kindeditor/plugins/code/styles/shThemeDefault.css"/>
		<link rel="stylesheet" href="./kindeditor/plugins/code/styles/shCore.css"/>
		<!--加载kindeditor-->
		<link rel="stylesheet" href="./kindeditor/themes/default/default.css" />
		<script charset="utf-8" src="./kindeditor/kindeditor-min.js"></script>
		<script charset="utf-8" src="./kindeditor/lang/zh_CN.js"></script>
		<script>
			var editor;
			KindEditor.ready(function(K) {
				editor = K.create('textarea[name="content"]', {
					width:'900px',
					resizeType : 1,
					allowPreviewEmoticons : false,
					allowImageUpload : true,
					allowFileManager : true,
					items : [
						'source','|',
						'bold','italic','underline','|',
						'fontname','fontsize','|',
						'code','|',
						'image','|',
						'link','media','|',
						'about'
					]
				});
				editor.sync();
			});
		</script>
	</head>
	<body>
		<h1>Hello SyntaxHighlighter</h1>
		<pre class="brush: js;">
			function helloSyntaxHighlighter()
			{
				return "hi!";
			}
		</pre>
		<div id="editor-box">
			<div style="display:block;word-break: break-all;word-wrap: break-word;">
				<?php
					echo $_POST["content"];
				?>
			</div>
			<form action="test2.php" method="POST">
				<textarea id="editor" name="content" style="width:900px;height:200px;visibility:hidden;overflow:hidden;"></textarea>
				<input type="submit" id="ContentSubmit" value="提交评论" />
			</form>
		</div>
		<!--script type="text/javascript">var a = function(){document.getElementById("editor").getElementByTagName("pre")[0].className="brush:js";};</script-->
		<script>
			SyntaxHighlighter.config.clipboardSwf = './kindeditor/plugins/code/scripts/clipboard.swf';
			SyntaxHighlighter.all();
		</script>
	</body>
</html>

路径根据自己的来了,值得一提的是刚开始虽然有行号了,但是没有换行,尝试了很多,无果,直接在打印的东西外边加div强制换行,也不知道这样好不好,

<pre class="brush: js;">
			function helloSyntaxHighlighter()
			{
				return "hi!";
			}
		</pre>

还有在ie里边的好多问题,不能复制。。。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182988.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python中exec 和eval的用法[通俗易懂]

    python中exec 和eval的用法[通俗易懂]https://www.mojidong.com/post/2013-05-10-python-exec-eval/

    2022年7月6日
    21
  • goland 2021.4 激活码_通用破解码

    goland 2021.4 激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    85
  • oracle中is not null,oracle之is null和is not null的优化「建议收藏」

    oracle中is not null,oracle之is null和is not null的优化「建议收藏」oracle之优化isnull语句一:isnull的优化方法:通过nvl(字段,j)=j的方式,将字段中为空的数据转化为j,从而正常使用索引。具体实现条件则是:iisnull<===>j=nvl(i,j);注意:使用时必须要确保字段的数据不包含j,例如:(age,15)=15,此时有可能age内容是15,此时不可以,j的值要变换,保证不再age的范围之内。函数介绍:nv…

    2022年8月30日
    5
  • 读取金税盘数据库_一种基于金税盘控制系统登录和数据同步的方法与流程

    读取金税盘数据库_一种基于金税盘控制系统登录和数据同步的方法与流程本发明涉及税务开票领域,更具体地,涉及一种基于金税盘控制系统登录和数据同步的方法。背景技术:在以往的增值税销方开票操作中,销方用户在执行开票操作时,往往会出现当前用户信息与所使用的金税盘信息不匹配的情况,从而导致开票失败,需要调整用户数据或者更换金税盘。另外,系统中缺少对用户使用的金税盘数据的收集,无法有效的管理记录金税盘的使用情况,而且销方用户对应的库存信息和发票信息也存在数据不全的情况。技术实…

    2022年4月30日
    74
  • usb调试授权窗口出不来_usb调试是什么意思

    usb调试授权窗口出不来_usb调试是什么意思前段时间在玩Vysor这个Chrome扩展时遇到的一个问题:就是我在Chrome安装了Vysor扩展,但是Vysor跟我的手机老是连不上,提示我要开USB调试模式,但我的手机USB调试模式早已经打开,而且也选过“永久性授权”。-关闭USB调试再开也不行-更改连接方式也不行(MTP/PTP)-断开跟PC链接,然后撤销所有授权,再连上PC,也不见有弹出“USB调试…

    2025年11月2日
    7
  • python语言程序设计教程赵璐主编_一加6第三方ROM推荐

    python语言程序设计教程赵璐主编_一加6第三方ROM推荐从数据处理到人工智能python数据分析方向第三方库有:Numpy,SciPy,PandasPython数据可视化方向的第三方库有:Seaborn,Matplotblib,Mayavi,Bokeh,Gleam,Plotly,visoy,ggplot,geoplotlib,pygal,Arcade,missingno,dataswimPython文本处理方向…

    2022年10月14日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号