新增面板新增markdown导出

This commit is contained in:
2022-07-28 16:26:10 +08:00
parent f3a6ab23c0
commit 95eb8d8581
4 changed files with 60 additions and 22 deletions

View File

@@ -63,6 +63,9 @@
{:\\app\\common\\tools\\PostBlock::copyright($post)}
</article>
</div>
<div style="max-width: 715px;">
<textarea class="layui-textarea" autoHeight="true" id="post-markdown" placeholder="同步markdown内容" autocomplete="off">{$post->content_markdown|raw}</textarea>
</div>
<div class="options-box layui-btn-container">
<a class="copy-option layui-btn layui-btn-sm" target="_blank" href="{$post.read_url}">打开原文</a>
@@ -70,15 +73,16 @@
<a class="copy-option layui-btn layui-btn-sm" href="#post-title">选中标题</a>
<a class="copy-option layui-btn layui-btn-sm" href="#post-desc">选中描述</a>
<a class="copy-option layui-btn layui-btn-sm select-content" href="#post-content">选中内容</a>
<div class=" layui-btn layui-btn-sm build-copyright" >插入声明</div>
<div class=" layui-btn layui-btn-sm remove-copyright" >删除声明</div>
<div class=" layui-btn layui-btn-sm show-copyright" >显示声明</div>
<div class=" layui-btn layui-btn-sm build-copyright">插入声明</div>
<div class=" layui-btn layui-btn-sm remove-copyright">删除声明</div>
<div class=" layui-btn layui-btn-sm show-copyright">显示声明</div>
<div class="layui-btn layui-btn-sm code2base64">
代码转临时图片
</div>
<div class="layui-btn layui-btn-sm resetcode">
还原代码
</div>
<a class=" layui-btn layui-btn-sm select-markdown" href="#post-markdown">选中markdown</a>
</div>
<script>
@@ -110,18 +114,17 @@
$('#post-content').find('pre').show().each(function (index, elem) {
$(elem).removeClass('tobase64')
})
})
})
$('.copy-option').focusout(function (e) {
copyContent($(this).attr('href'))
})
$('.select-markdown').click(function () {
$('#post-markdown').select()
})
$('.build-copyright').click(function () {
var copyElem = $('.copyright').find('p').last();
@@ -167,6 +170,22 @@
selection.addRange(range);
}
$(function () {
$.fn.autoHeight = function () {
function autoHeight(elem) {
elem.style.height = 'auto';
elem.style.height = elem.scrollHeight + 20 + 'px';
}
this.each(function () {
autoHeight(this);
$(this).on('keyup', function () {
autoHeight(this);
});
});
}
$('textarea[autoHeight]').autoHeight();
})
</script>
</body>