查看“︁帮助:沙盒”︁的源代码

{{Setlang|title=zh-cmn-Hans|en}}__NEWSECTIONLINK____NOINDEX__[[分类:管理页面]]{{DEFAULTSORT:shahe}}

== lnncrypt ==

{{blang|en-Qaac|
              ．    ．   ，       ，“”！！（
}}

== Animated {{tl|Hidebox}}? ==

{{MywikiParaHack|<html><details class="lnnblog-box </html><html>" </html><html>>
<summary class="lnnblog-box-heading" role=button </html><html>></html>hidebox<html></summary></html>}}
<div class="lnnblog-box-body">
一二三四五，上山打老虎。
</div>
{{MywikiParaHack|<html></details></html>}}

{{MywikiParaHack|<html><style>
.lnnblog-box {
  max-width: 100%;
}
.lnnblog-box[data-lnnblog-hidebox-state="expand"] {
  overflow: hidden;
}
.lnnblog-box-heading {
  list-style: none;
  position: relative;
  padding-left: 1.2rem;
}
.lnnblog-box-heading::-webkit-details-marker { display: none }
.lnnblog-box-heading::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.4rem;
  margin: auto;
  height: 0;
  border: 0.3rem solid transparent;
  border-left-width: 0.5rem;
  border-left-color: currentColor;
  transform: rotate(0deg);
  transform-origin: 0.25rem 50%;
}
.lnnblog-box[open] > .lnnblog-box-heading::before {
  transform: rotate(90deg);
}
.lnnblog-box[data-lnnblog-hidebox-state="expand"] > .lnnblog-box-heading::before {
  animation: expand 250ms;
}
.lnnblog-box[data-lnnblog-hidebox-state="shrink"] > .lnnblog-box-heading::before {
  transform: rotate(0);
  animation: shrink 250ms;
}
@keyframes expand {
  from { transform: rotate(0deg); }
  to { transform: rotate(90deg); }
}
@keyframes shrink {
  from { transform: rotate(90deg); }
  to { transform: rotate(0deg); }
}
</style><script>
var animationDuration = 250

$( ".lnnblog-box-heading" ).on( "click", function ( event ) {
  var $this = $( this )
  var $parent = $this.parent()
  var $body = $this.nextAll( ".lnnblog-box-body" )

  var open = $parent.prop( "open" )
  var state = $parent.attr( "data-lnnblog-hidebox-state" )

  if ( !open || state === "shrink" ) {
    event.preventDefault()
    var currentWidth = $parent.width()
    var currentHeight = $parent.height()
    $parent.stop( true, true ).prop( "open", true )
    var targetWidth = $parent.width()
    var targetHeight = $parent.height()

    $body.outerWidth( targetWidth + 1 )
    $this.addClass( "lnnblog-hidebox-heading-open" )
    $parent
      .attr( "data-lnnblog-hidebox-state", "expand" )
      .width( currentWidth )
      .height( currentHeight )
    $parent.animate( {
        width: targetWidth,
        height: targetHeight
      }, {
        duration: animationDuration,
        done: function () {
          $body.css( "width", "" )
          $parent
            .css( {
              width: "",
              height: ""
            } )
            .removeAttr( "data-lnnblog-hidebox-state" )
        }
      } )
  } else if ( open || state === "expand" ) {
    event.preventDefault()
    var currentWidth = $parent.width()
    var currentHeight = $parent.height()
    $parent.stop( true, true ).prop( "open", false )
    var targetWidth = $parent.width()
    var targetHeight = $parent.height()

    state === "expand" || $body.outerWidth( currentWidth + 1 )
    $this.removeClass( "lnnblog-hidebox-heading-open" )
    $parent
      .attr( "data-lnnblog-hidebox-state", "shrink" )
      .width( currentWidth )
      .height( currentHeight )
      .prop( "open", true )
      .animate( {
        width: targetWidth,
        height: targetHeight
      }, {
        duration: animationDuration,
        done: function () {
          $body.css( "width", "" )
          $parent
            .css( {
              width: "",
              height: ""
            } )
            .prop( "open", false )
            .removeAttr( "data-lnnblog-hidebox-state" )
        }
      } )
  }
  //return false
})
</script></html>}}

== customized edit toolbar ==

<html><style>
#lnnblog-edittoolbar {
	font-size: 0.75rem;
	background: #f9f9f9;
	border: 1px solid #ddd;
	width: fit-content;
	padding: 2px;
	margin-bottom: 2px;
	border-radius: 3px;
}
#lnnblog-edittoolbar div {
	display: inline-block;
    margin-right: 0.25rem;
}
#lnnblog-edittoolbar button {
	margin-right: 1px;
	font-size: inherit;
	line-height: 1.25;
}
</style><script>
$( function () {

/* 重新定义编辑工具栏 */
if ( [ 'edit', 'submit' ].indexOf( mw.config.get( 'wgAction' ) ) !== -1 ) {
  var $newToolbar = $( '<div id="lnnblog-edittoolbar" lang="zh-cmn-Hans">' )
  var $group = null

  function addButton( label, title, before, after, sample ) {
    $group.append( $( "<button>" )
      .attr( "type", "button" )
      .attr( "class", "lnnblog-button-small" )
      .attr( "title", title )
      .append( $( "<tt>" ).text( label ) )
      .on( "mousedown", false ) // 防止焦点离开文本框
      .click( mw.toolbar.insertTags.bind(mw.toolbar, before, after || "", sample || "") ) )
  }
  function newGroup() {
    $group = $( '<div>' ).appendTo( $newToolbar )
  }

  newGroup()
  addButton( "[[]]",    "内链",               "[[", "]]" )
  addButton( "lelink",  "英文内链",           "{{lelink|", "}}" )
  addButton( "{{|}}",   "模板调用",           "{{|", "}}" )
  newGroup()
  addButton( "le",      "英文文本",           "{{le|", "}}" )
  addButton( "lj",      "逻辑语文本",         "{{lj|", "}}" )
  addButton( "lang",    "文本语言",           "{{lang|und|", "}}" )
  newGroup()
  addButton( "h2",      "二级标题",           "== ", " ==" )
  addButton( "h3",      "三级标题",           "=== ", " ===" )
  newGroup()
  addButton( "table",   "wikitable 表格",     "{|class=wikitable\n! ", "\n|-\n|\n|}" )
  addButton( "box",     "box 模板",           "{{box|标题|2=\n", "\n}}" )
  addButton( "hidebox", "hidebox 模板",       "{{hidebox|标题|2=\n", "\n}}" )
  newGroup()
  addButton( "nw",      "nowiki 标签",        "<nowiki>", "</nowiki>" )
  addButton( "nw/",     "空 nowiki 标签",     "<nowiki/>" )
  addButton( "code",    "行内代码",           "{{code|", "}}" )
  addButton( "pre",     "pre 块",             "<pre>\n", "\n</pre>" )
  addButton( "syntax",  "代码高亮块",         "<syntaxhighlight lang=javascript>\n", "\n</syntaxhighlight>" )
  newGroup()
  addButton( "subst",   "模板替代",           "{{subst:", "}}" )
  addButton( "pn",      "当前页面名称",       mw.config.get( 'wgTitle' ) )
  addButton( "fpn",     "带名字空间的当前页面名称", mw.config.get( 'wgPageName' ) )
  newGroup()
  addButton( "Cat",     "分类",               "[[分类:", "]]" )
  addButton( "SORT",    "默认排序字",         "{{DEFAULTSORT:", "}}", mw.config.get( "wgTitle" ) )
  newGroup()
  addButton( "<!--",    "HTML 注释",          "<!--", "-->" )
  addButton( "ni",      "noinclude 标签",     "<noinclude>", "</noinclude>" )
  addButton( "ni/",     "空 noinclude 标签",  "<noinclude/>", "" )
  addButton( "io",      "includeonly 标签",   "<includeonly>", "</includeonly>" )
  addButton( "oi",      "onlyinclude 标签",   "<onlyinclude>", "</onlyinclude>" )
  newGroup()
  addButton( "html",    "原始 HTML 块",       "{{MywikiParaHack|<html>", "<\/html>}}" )
  addButton( "/html",   "反向原始 HTML 标签", "<\/html>", "<html>" )
  addButton( "script",  "script 标签",        "<script>\n", "\n<\/script>" )
  addButton( "style",   "style 标签",         "<style>\n", "\n</style>" )

  $( "#ydnedittoolbar" ).parent().replaceWith( $newToolbar )
}

} )
</script></html>