博客园的代码运行

<textarea cols="20" rows="8" id="con">

<script type="text/javascript">
      alert("你知道我是怎么弹出的吗？");
</script>

</textarea>
<input value="运行代码" type="button" id="btn" />

时间： 2024-10-13 20:59:59

博客园的代码运行的相关文章

博客园的代码高亮

博客园自带的代码样式很难看,以下是如何自己设置代码的高亮. 1.点开HTML编辑. 2.找到代码位置,大致如下: 3.提炼成以下样式: <pre class='{0}'>内容</pre> 4.博客园已经默认支持 SyntaxHighlighter 插件. 只需在<pre>标签加入class样式即可,将{0}用如下样式替换,brush:java替换成实际语言brush:xxx(可自定义样式,但前面要有brush:xxx) class="brush: java;h

博客园CSS代码

本博客前端页面的后台设置源码: 1,博客园CSS设置: @charset "utf-8"; body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial; min-width: 1200px; } #home { opacity: 0.95; filter: alpha(opacity=95); box-shadow: 0 0 10px #000;

[博客美化] 博客园SyntaxHighlighter代码高亮

在网上搜了一圈,觉得用Windows Live Writer/Open Live Writer代码着色太繁琐了,仅仅为了实现博客代码着色功能就要下载新软件和搞一堆配置.Win10用户只能使用Open Live Writer.Web端能干的事干嘛多搞功夫.如果不愿意网页登陆账号只想通过OLW软件编辑全文并且发布的话,可以参考这个:https://www.cnblogs.com/huntdream/p/6006350.html,说得很清楚了. [ 补充:下载完SyntaxHighlighter插件需

关于在博客园文章中运行自己html

关于实现在博客网站中实时的运行自己的代码 Document <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="ccc" class="ccc aaa bbb&qu

为知笔记发布到博客园，代码高亮失效问题

博客设置 -> 页面定制CSS代码填入以下样式表 /* Original style from softwaremaniacs.org (c) Ivan Sagalaev <[email protected]> */ .hljs { display: block; padding: 0.5em; background: #F0F0F0; } .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .h

我的博客园定制代码

页面定制css 删除了后面的广告233333 /*公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微软雅黑","宋体",Arial; background:#205424 url('http://images2015.cnblogs.com/blog/778902/201602/778902-20160227121518068-1846861955.jpg') no-repeat top c

[cnblogs] 仿博客园插入代码的Windows Live Writer插件

一插件相关效果图展示插件效果图: 在Windows Live Writer中的效果如图: [1] [2] [3] 对应的插入代码在博客中的效果如下: [1] public static void Main(string[] args) { int sum = 0; for(int i = 0 ; i < 100 ; i++) { sum += i; } } [2] public static void Main(string[] args) { int sum = 0; for(int i

博客园界面代码风格（代码样式）自定义设置

使用highliht的样式自定义自己的代码样式 1.在highlight.js demo选一个你自己喜欢的代码风格我用的是vscode编辑器,因此我比较喜欢 Atelier Heath Light 这款风格 2.在highlight.js demo下载你喜欢的风格 3.修改风格样式将 .h1js (注意有个空格)替换成 '.cnblogs-markdown .hljs', .hljs- 替换成'.cnblogs-markdown .hljs-' 我的编辑器操作做如下,选择全部替换,目的是添加

博客园美化代码备份

#Header1_HeaderTitle { font-family: "华文行楷"; font-size: 62px; font-weight: bold; padding-top:15px; padding-bottom:5px; padding-left:20px; padding-right:0px; text-align: center; } Header2_HeaderTitle { font-family: "华文行楷"; font-size: 52p