建议增加viewer.js实现对图片的缩放

cnspray commented 5 years ago

请按照一下格式提交issue，谢谢！

你当前使用的是哪个版本的 MinDoc(godoc_linux_amd64 version)?

2.0

你当前使用的是什么操作系统? windows
你是如何操作的？点击图片
你期望得到什么结果? 能够实现对图片的预览。
当前遇到的是什么结果? 不能预览。

建议增加viewer.js实现对图片的缩放，便于在阅读时对图片有更好的阅读体验。经测试，jquery版的存在问题，JS版的插件正常显示。

修改文件kancloud.css

.markdown-body img{margin: 8px 0px;
    cursor: -webkit-zoom-in;/*图片缩放按钮形状*/
     cursor: zoom-in;}

default_read.tpl头部引入css

    <!-- 图片缩放css-->
    <link rel="stylesheet" href="/static/css/viewer.min.css">

修改<div class="m-manual manual-mode-view manual-reader"  id="dowebok">增加id
底部增加
<script src="/static/js/viewer.min.js"></script>
<script>
 var viewer = new Viewer(document.getElementById('dowebok'), {
  toolbar: true, //显示工具条
  button:true,
  viewed() {
   viewer.zoomTo(1); // 图片显示比例 100%
  },
  show: function (){  // 动态加载图片后，更新实例
   viewer.update();
  },
 });
</script>

lifei6671 commented 5 years ago

你说的这个功能目前是支持的，只不过是用的不是viewer.js插件，你点击图片，会有弹出层显示图片，并且可以切换。

cnspray commented 5 years ago

抱歉，是我修改了默认的显示模板，浏览器的缓存没有更新导致该问题。

mindoc-org / mindoc

建议增加viewer.js实现对图片的缩放 #486