登录 注册

五线谱输入框问题

image.png

编辑框里的如果出现滚动条，输入后会强制 将高度拉长

编辑很长的谱子的时候使用体验不佳

  • 思源笔记

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

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

    20648 引用 • 80710 回帖 • 2 关注
深圳 位置
4 回帖
2
2
75 53 2 17 1

相关帖子

4 回帖
五线谱输入框问题

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • JeffreyChen •
    付费者 支持者 捐赠者

    那就把输入框拉大一点：

    image.png

    1 回复
  • 其他回帖
  • lunzi • • 1 评论
    订阅者 支持者 勇士 作者
    X:1 % % Example J.S. Bach transcription originally imported from MusicXML % % Click "Play" to play % T:Two-Part Invention #1 C:J.S. Bach L:1/16 Q:1/4=84 M:4/4 K:Bb % % Try changing the abcjs_soundfont value to % fluid, fluidhq, musyng, fatboy, canvas, mscore, or arachno: % %abcjs_soundfont fluid % %%staffsep 40 %%stretchlast true % % Try changing these to %%MIDI program mute % to isolate individual voices: % V:1 treble %%MIDI program 6 V:2 bass %%MIDI program 6 V:1 [Q:84] z B,CD ECDB, F2B2 A/G/AB2 | cFGA BGAF c2f2 e/d/ef4 | dgfe dfeg fedc Bdce | dcBA GBAc BAGF =EGFA | G2C2 B/A/B2c AGF=E DFEG | FAGB AcBd cA/B/cf A/B/AGF | .F4 z4 z FGA BGAF | .=E4 z4 z GAB cABG | .A4 z4 z cBA GBAc | .B4 z4 z dcB Ac=Bd | c2=B2c2d2 e2G2A2B2 | c2=E2^F2G2 A2B2 c4 | z D=E^F GEFD dcBd cBAc | Bg^fa gdec ^Fedc B/c/BAG | Ggfe dfeg f8- | fdef gefd e8 | z fed cedf e8- | ecde fdec d8- | dBcd ecdB cdef gefd | efga bgaf [Q:78]b2f2 [Q:70]d/e/dcB| B_AGF [Q:62]EGFA [Q:54]G=ABD [Q:46]CB[Q:28]EA | [DFB]16|] V:2 [Q:84] z8 z B,,C,D, E,C,D,B,, | F,2F,,2 z4 z F,G,A, B,G,A,F, | B,2A,2B,2C2 D2F,2G,2A,2 | B,2D,2=E,2F,2 G,2A,2 B,4- | B,C,D,=E, F,D,=E,C, F,2A,,2B,,2C,2 | D,2=E,2F,2D,2 A,,2>B,,2 C,2C,,2 | z F,,G,,A,, B,,G,,A,,F,, C,2F,2=E,2F,2 | G,C,D,=E, F,D,=E,C, G,2C2B,2C2 | F,FED CEDF E2D2E2C2 | DGFE DFEG F2E2F2D2 | E_AGF EGFA GFED CEDF | EDCB, A,CB,D CB,A,G, ^F,A,G,B, | A,2D,2C/B,/.C3 B,A,G,F, =E,G,^F,A, | G,B,A,C B,DCE D2G,2D2D,2 | G,2G,,2 z4 z DCB, A,C=B,D | C8- CG,A,B, CA,B,G, | A,8- A,CB,A, G,B,A,C | B,8- B,F,G,_A, B,G,_A,F, | G,2_A,2G,2F,2 E,2C2B,2_A,2 | G,2E2D2C2 DC,D,E, F,D,E,C, | D,2B,,2C,2D,2 E,C,D,E, [Q:46]F,2[Q:28]F,,2 | [B,,,B,,]16 |]
    这是网上抄来的谱子，查看源码可以用于测试
    lunzi •
  • JeffreyChen • • 4 评论
    付费者 支持者 捐赠者

    @Vanessa 这个浮窗的定位有点问题，应该只需要垂直方向拉高，水平位置不用动：

    定位.gif

    这个是优化，避免太大时对正文的遮挡。
    Vanessa •
    @Vanessa 但是感觉相当突兀啊
    JeffreyChen •
    @Vanessa 能不能有个动画之类的东西让浮窗快速平移过去而不是闪现过去？
    JeffreyChen •
    @JeffreyChen 试了一下，添加动画的话，位置计算会出现问题。
    Vanessa •
  • lunzi •
    订阅者 支持者 勇士 作者

    短的没问题，长谱子有时候不想拉到最长， 但会强制拉长

lunzi
深圳
回帖
95
 帖子
15
 积分
18785

近期热议

推荐标签 标签

  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息，资讯有时效性和地域性。

    54 引用 • 85 回帖 • 1 关注
  • Node.js

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

    138 引用 • 268 回帖 • 102 关注
  • ZooKeeper

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

    59 引用 • 29 回帖 • 1 关注
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    546 引用 • 3531 回帖
  • 禅道

    禅道是一款国产的开源项目管理软件，她的核心管理思想基于敏捷方法 scrum，内置了产品管理和项目管理，同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能，在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来，完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 166 关注
  • 招聘

    哪里都缺人，哪里都不缺人。

    189 引用 • 1056 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 613 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 908 回帖 • 221 关注
  • 博客

    记录并分享人生的经历。

    272 引用 • 2386 回帖
  • webpack

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

    41 引用 • 130 回帖 • 274 关注
  • Netty

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

    49 引用 • 33 回帖 • 21 关注
  • 思源笔记

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

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

    20648 引用 • 80709 回帖 • 2 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 1 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    106 引用 • 152 回帖 • 3 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 351 关注
  • 创业

    你比 99% 的人都优秀么？

    83 引用 • 1398 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 468 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 48 关注
  • Electron

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

    15 引用 • 136 回帖 • 10 关注
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 614 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 11 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ，专注在碎片化时代，促进你的记录，帮你积累更多知识资产。

    5 引用 • 103 回帖
  • JSON

    JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖 • 2 关注
  • Thymeleaf

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

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

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

    942 引用 • 1459 回帖 • 96 关注

最新标签