Question

我试图在页面打开时使表单自动聚焦于编辑器，但无济于事。这是当前代码的样子：

.row
  .col-md-12= f.input :note, as: :trix_editor

添加autofocus: true并不会在加载页面时改变焦点，而且如果可以解决此问题，那真的很棒。谢谢你的时间！

Answer 1

根据the docs：

像HTML 一样，<trix-editor>接受自动对焦和占位符属性。</p> </blockquote> <p>它们似乎也在<a href="https://trix-editor.org/" rel="nofollow noreferrer">trix-editor.org</a>主页上成功使用了自动对焦属性。</p> <p>确定要将自动对焦属性添加到trix-editor元素本身吗？</p> </div> </div> </div> <div class="right"> <div style="height:400px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6263610230477973" data-ad-slot="2820756182" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div style="height:20px"></div> <div class="releated-question-wrapper"> <div class="header"> 相关问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/7188137">是否可以为简单类创建表单</a> </li> <li> <a href="/q/12558957">简单形式：是否可以删除标签并使用标签i18n替换它们？</a> </li> <li> <a href="/q/21542211">如果是编辑表单，如何将自动聚焦添加到表单字段？</a> </li> <li> <a href="/q/29263920">是否可以将gem Unread与gem Public Activity一起使用？</a> </li> <li> <a href="/q/29642164">Ruby on Rails简单形式的gem表单不会将数据发送到数据库</a> </li> <li> <a href="/q/41620498">使用Trix编辑器和简单表格</a> </li> <li> <a href="/q/50096726">Trix Gem没有正确加载资产</a> </li> <li> <a href="/q/50629874">是否可以使用Clearance gem将用户置入数据库？</a> </li> <li> <a href="/q/53769951">使用trix gem并在轨道上使用简单形式时，是否可以自动对焦？</a> </li> <li> <a href="/q/54052549">使用devise gem时是否可以为访客提供一个页面？</a> </li> </ul> </div> <div class="releated-question-wrapper"> <div class="header"> 最新问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/68614764">我写了这段代码，但我无法理解我的错误</a> </li> <li> <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？</a> </li> <li> <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印？卢阿</a> </li> <li> <a href="/q/68614313">java中的random.expovariate()</a> </li> <li> <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a> </li> <li> <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用？</a> </li> <li> <a href="/q/68615123">在此代码中是否有使用“this”的替代方法？</a> </li> <li> <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化</a> </li> <li> <a href="/q/68614427">每千个数字得到</a> </li> <li> <a href="/q/68615239">更新了城市边界 KML 文件的来源？</a> </li> </ul> </div> <div class=""> </div> </div> </div> <div> <script> var host = window.location.host; if (host == "www.thinbug.com") { (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); } </script> </body> </html>

使用trix gem并在轨道上使用简单形式时，是否可以自动对焦？

1 个答案: