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里边的好多问题,不能复制。。。

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • ftp客户端发起对ftp服务器_ftp登陆命令

    ftp客户端发起对ftp服务器_ftp登陆命令FTP是一个C/S类型的软件,连接服务端需要FTP客户端才能完成,常见的FTP客户端有以下几种:浏览器:可以通过浏览器中输入ftp://ip或者ftp://域名的方式3分钟了解计算机发展历史-组团学来访问FTP自带客户端:命令行下可以使用ftp命令去连接三方客户端:FileZilla8uftp图形软件或者文本界面的lftp等三种方式中,文本界面是比较麻烦的,无法鼠标流。所以我重点给大家讲解一…

    2022年10月21日
  • 【STM32】HAL库 STM32CubeMX教程九—ADC[通俗易懂]

    【STM32】HAL库 STM32CubeMX教程九—ADC[通俗易懂]前言:本系列教程将对应外设原理,HAL库与STM32CubeMX结合在一起讲解,使您可以更快速的学会各个模块的使用所用工具:1、芯片:STM32F407ZET6/STM32F103ZET62、STM32CubeMx软件3、IDE:MDK-Keil软件4、STM32F1xx/STM32F4xxHAL库知识概括:通过本篇博客您将学到:ACD工作原理STM32CubeMX创建…

    2022年10月21日
  • kafka零拷贝原理_kafka常用命令

    kafka零拷贝原理_kafka常用命令Kafka除了具备消息队列MQ的特性和使用场景外,它还有一个重要用途,就是做存储层。用kafka做存储层,为什么呢?一大堆可以做数据存储的MySQL、MongoDB、HDFS……因为kafka数据是持久化磁盘的,还速度快;还可靠、支持分布式……啥!用了磁盘,还速度快!!!没错,kafka就是速度无敌,本文将探究kafka无敌性能背后的秘密。首先要有个概念,kafka高性能的背后,是多方面协同后、最终的结果,kafka从宏观架构、分布式partition存储、ISR数据同步、以及“无孔不

  • 【《重构 改善既有代码的设计》学习笔记5】重构列表

    本篇文章的内容来自《重构 改善既有代码的设计》一书学习笔记整理并且加上自己的浅显的思考总结!重构列表,为重构提供一个坚实的起点,支持后面的重构工作!1、重构的记录格式书中说:每个重构手法都有如下五个部分。名称(name),建造一个重构词汇表,名称是很重要的。简单的概要(summary),介绍此重构手法的使用情景,以及它做的事情。动机(motivation),为什么需要这…

  • PL/SQL 学习-NVL函数[通俗易懂]

    PL/SQL 学习-NVL函数[通俗易懂]Oracle :NvlNVL函数:NVL函数是将NULL值的字段转换成默认字段输出。NVL(expr1,expr2)expr1,需要转换的字段名或者表达式。expr2,null的替代值下面是NUMBER,DATE,CHARORVARCHAR2的例子:NVL(commission_pct,0)NVL(hire_date,’01-JAN-97′)N

  • 显性与隐性URL转发替代方案[通俗易懂]

    显性与隐性URL转发替代方案[通俗易懂]本文主要介绍了特殊情况下显性与隐性URL转发替代方案。

    2022年10月19日

发表回复

您的电子邮箱地址不会被公开。

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