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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • idea2022年有效激活码(注册激活)2022.03.03「建议收藏」

    (idea2022年有效激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html40…

    2022年4月2日
    74
  • 操作系统银行家算法模拟实现(C语言版)「建议收藏」

    操作系统银行家算法模拟实现(C语言版)「建议收藏」目录一、实验目的二、实验内容三、实验要点说明银行家算法实例程序结构四、实验代码五、实验运行结果一、实验目的通过编写一个模拟动态资源分配的银行家算法程序,进一步深入理解死锁、产生死锁的必要条件、安全状态等重要概念,并掌握避免死锁的具体实施方法。二、实验内容(1)模拟一个银行家算法:设置数据结构设计安全性算法 (2)初始化时让系统拥有一定的资源 (3)用键盘输入的方式申请资源 (4)如果预分配后,系统处于安全…

    2022年6月12日
    23
  • Python3 :PyCharm + Qt designer 学习 + 实例[通俗易懂]

    Python3 :PyCharm + Qt designer 学习 + 实例[通俗易懂]python3PyQt5pycharm环境搭建PyQt官网PyQt5简单介绍PyQt是由PhilThompson开发Qt库是目前最强大的库之一PyQt是一个创建GUI应用程序的工具包它是Python编程语言和Qt库的成功融合Qtdesigner可视化拖动生成界面,然后利用pycharm进行转换.py文件,再编写槽函数,实现进一步的功能,不…

    2025年5月31日
    0
  • maven项目打包成war包并在linux下部署到tomact上

    maven项目打包成war包并在linux下部署到tomact上

    2021年7月15日
    116
  • bzoj 2276: [Poi2011]Temperature

    bzoj 2276: [Poi2011]Temperature

    2022年3月7日
    40
  • Java中的三种注释类型「建议收藏」

    Java中的三种注释类型「建议收藏」注释:用于说明解释程序的文字就是注释。Java中的注释有三种:单行注释多行注释文档注释(Java特有)注释的作用有什么?主要就是提高了代码的阅读性,是调试程序的重要方法。当然,写注释也是一种良好编程习惯。可以将自己的思想通过注释先整理出来,再用代码去体现。来看看具体的使用吧!单行注释格式://注释文字多行注释格式:/*注释文字*/下面给出单行注释和多行注释的示例://单行注释publicclassHelloWorld{/* 程序入口

    2022年7月7日
    25

发表回复

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

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