回帖 - Achuan-2

编辑区域宽度设置

2021-08-15 18:48

如果只调整预览页面的宽度，使其居中

/* ---------------编辑器内容两侧宽度设置 Start ————————————————————————*/
/* 已放弃调整即时编辑内容两侧宽度，只调整预览模式 */
/* 调整思源编辑器内容最大宽度 */
.protyle  .b3-typography * {
    /* 如果要调整编辑器宽度只需调整下面这个值 */
    max-width: 1000px;
}

/* 居中 */
.protyle  .b3-typography *{
    margin: 0px auto !important;
}
/* ---------------编辑器内容两侧宽度设置 END ———————————————————————— */

编辑区域宽度设置

2021-08-15 18:47

+1，我真的为了调整宽度，折腾了好久，改到怀疑人生。

改了内容，还要改标题，改了标题，发现旁边的标题块图标位置又不对，改完了之后，发现标题的块引用位置也不对。

终于全改完之后心想终于完美了，可以享受了

然后晚上就出了文档图标。。。

按我改的方式（限制最大宽度，垂直居中）再也不能让文档图标全屏后还在标题正上方了，不过忍一忍也还好。

后来又发现分屏内容的宽度会太宽，无语，于是后面就只改了预览页面

如果有需要的话可以看看，其实后面我也发现编辑区域的宽度设置其实也还好，最大的问题是预览页面实在太宽

/* ---------------编辑器内容两侧宽度设置 Start ————————————————————————*/

/* 调整思源编辑器内容最大宽度 */
.protyle-content > .protyle-wysiwyg,
.protyle  .b3-typography *,
.protyle-content > .protyle-title,
.protyle-content > .protyle-title .protyle-title__input{
    /* 如果要调整编辑器宽度只需调整下面这个值 */
    max-width: 1000px;
}

/* 居中 */
.protyle-content > .protyle-wysiwyg,
.protyle  .b3-typography *{
    margin: 0px auto !important;
}

/* 调整两侧宽度 */
/* 要调整宽度，就搜索75px 把下面是75px的全部修改 */
.protyle-content > .protyle-wysiwyg {
    /* 思源的编辑器在宽度较小的时候会主动调小编辑器内容,晕😵 */
    /* 所以我就搞固定宽度了，不然不好调整 */
    padding: 16px 75px 162px !important;

}

.protyle-content > .protyle-title {
    margin: 16px auto 0px !important;
    /* 原来title就有margin 96px，上面为了水平居中就清除了，于是改为padding，
    保证标题和内容对齐
     */
    padding: 0px 75px 0px;
}
.protyle-background__icon {
    /* 文档图标 */
    left: 75px !important;
}
.protyle-title .protyle-title__icon  {
    /* 标题的块图标还在原来的位置，也要修改 */
    margin: -15px 0 0 75px;
}
.protyle-title .protyle-attr {
    /* 然后文档右边的引用数原来是right0，要改成前面设置的宽度 */
    right: 75px;
}

/* 调整手机和平板端 */
@media screen and (max-width: 1023px) {
    /* 这里我假设平板最大宽度为1023px，小于此大小的屏幕将调整
    页面两侧宽度 */
    .protyle-content > .protyle-wysiwyg {
        padding: 16px 16px 162px !important;

    }

    .protyle-content > .protyle-title {
        margin: 16px auto 0px !important;
        /* 原来title就有margin 96px，上面为了水平居中就清除了，于是改为padding，
        保证标题和内容对齐
        */
        padding: 0px 16px 0px;
    }
    .protyle-background__icon {
        /* 文档图标 */
        left: 16px !important;
    }
    .protyle-title .protyle-title__icon  {
        /* 标题的块图标还在原来的位置，也要修改 */
        margin: -15px 0 0 16px;
    }
    .protyle-title .protyle-attr {
        /* 然后文档右边的引用数原来是right0，要改成前面设置的宽度 */
        right: 16px;
    }
}

/* ---------------编辑器内容两侧宽度设置 END ———————————————————————— */

alpha5- 行内光标显示优化建议

2021-08-15 11:39

+1，而且发现链滴社区的 vditor 的所见即所得模式，其实是可以在行内代码的前后添加文字的，想请问为什么思源编辑器就不能呢

有没有遇到思源笔记 win10 自带输入法有时候不跟随输入位置的啊

2021-08-14 21:22

只有第一次打开会，而且输入法此时显示的是旧版。把思源最小化切换下窗口就好了

【建议】思源无序列表的 markdown 存储符号

2021-08-13 21:23

我用-，更多是-只需要按一个按键，*号还要按 shift。

不过这个确实影响不大，主要个人强迫症

关于笔记设计理念的一些探讨 - 希望 D 大能看到

2021-08-12 23:14

我对标签树的优化建议，思源的标签树直接展开各个标签效果其实很不好，标签一多，标签树很难用上，建议标签树直接点击标签是如我下面展示的一样效果会好很多（即目前点击标签打开全局搜索的样式）

同时可以参考 flomo 的界面（因为我目前使用的笔记软件涉及标签的除了思源就是 flomo）

因为我觉得思源目前的标签体系是基于块的（这也是许多用户抱怨标签难用，因为他们过去的习惯是给文章打标签），flomo 则是存粹的卡片笔记软件，给每个卡片打上标签，flomo 里的卡片可以认为是思源的块，所以是有共同点的。所以我个人的建议是，思源的标签展示也可以像 flomo 一样，中间以卡片视图展示包含该标签的块，提供过长折叠的功能（而不是目前这种扁平的搜索功能，让标签更像是搜索关键词），而右侧可以保留展示上下文的功能。我认为这样能让思源也拥有类似于卡片笔记的功能，有效利用思源的 block，回顾和查阅笔记