登录 注册

编辑区域宽度设置

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

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

  • 思源笔记

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

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

    20163 引用 • 77767 回帖
  • Q&A

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

    7023 引用 • 31743 回帖 • 219 关注
北京 位置
20 悬赏
1 收藏
6 回帖
2
2
408 93 40 124 8 10 133

相关帖子

6 回帖
编辑区域宽度设置

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 88250 •
    订阅者 MOD

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

    1 回复
  • 其他回帖
  • ycbrdds •
    捐赠者

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

    1 回复
  • 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 回复
  • Yylicon •
    订阅者 付费者

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

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

近期热议

推荐标签 标签

  • DevOps

    DevOps（Development 和 Operations 的组合词）是一组过程、方法与系统的统称，用于促进开发（应用程序/软件工程）、技术运营和质量保障（QA）部门之间的沟通、协作与整合。

    45 引用 • 25 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    216 引用 • 463 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 232 回帖 • 1 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 2 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合，以模块的方式组织管理插件以
    及相关配置，为不同的语言开发量身定制了相关的开发模块，该模块提供代码自动补全，
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 82 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 524 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 283 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 383 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    536 引用 • 672 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3169 引用 • 8208 回帖
  • Solo

    Solo 是一款小而美的开源博客系统，专为程序员设计。Solo 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    1427 引用 • 10046 回帖 • 473 关注
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 125 关注
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 6 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • 尊园地产

    昆明尊园房地产经纪有限公司，即：Kunming Zunyuan Property Agency Company Limited（简称“尊园地产”）于 2007 年 6 月开始筹备，2007 年 8 月 18 日正式成立，注册资本 200 万元，公司性质为股份经纪有限公司，主营业务为：代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 707 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 2 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 22 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 10 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    10 引用 • 54 回帖 • 140 关注
  • 知乎

    知乎是网络问答社区，连接各行各业的用户。用户分享着彼此的知识、经验和见解，为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 24 关注

最新标签