登录 注册

编辑区域宽度设置

本贴最后更新于 1053 天前，其中的信息可能已经渤澥桑田

版本 v1.2.31 不能进行编辑区域的宽度设置，没有找到对应选项。宽度不能锁定，在复杂应用场景（不同分辨率、拖动/开关侧边副栏宽度）切换时，影响排版美观度，希望予以解决。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    19810 引用 • 75845 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    6887 引用 • 31051 回帖 • 231 关注
北京 位置
20 悬赏
1 收藏
6 回帖
2
2
402 92 40 119 8 10 133

相关帖子

6 回帖
编辑区域宽度设置

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Yylicon •
    订阅者 付费者

    倒是能改默认宽度，但是改后图片好像不能拉缩了 😂 ，这个 bug 有办法吗大佬

  • 其他回帖
  • Achuan-2 • • 2
    订阅者 先知

    +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 ———————————————————————— */
    1 回复
  • ycbrdds •
    捐赠者

    我用楼上自定义 css 文件的方法直接修改自带 midnight 主题，每次重启程序编辑器宽度会自动恢复回去。但是第三方 dark+ 主题的 css 修改之后每次开启都是窄宽度的。这可能什么缘故呢？

    1 回复
  • 88250 •
    订阅者 MOD

    这个暂时不会调整了，之前是有宽度选项的，但是加了这个选项会导致其他问题，如果一定需要的话建议自定义 CSS。

    1 回复
  • 查看全部回帖
JoeJone
北京
回帖
0
 帖子
1
 积分
510

近期热议

推荐标签 标签

  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 456 关注
  • 笔记

    好记性不如烂笔头。

    306 引用 • 782 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    5 引用 • 13 回帖 • 1 关注
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 234 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 96 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    175 引用 • 992 回帖 • 1 关注
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 611 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 210 关注
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 582 关注
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 20 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    229 引用 • 1450 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    140 引用 • 441 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 320 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    942 引用 • 1458 回帖 • 117 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 26 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 58 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 2 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis，2010 年这个项目由 Apache 软件基金会迁移到了 google code，并且改名为 MyBatis ，2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 405 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    138 引用 • 268 回帖 • 147 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 350 关注
  • sts
    2 引用 • 2 回帖 • 162 关注
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    76 引用 • 37 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    207 引用 • 358 回帖
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    164 引用 • 594 回帖 • 2 关注

最新标签