正文 

当前位置： 首页 > 问答 >

两个文本区域并排，最大尺寸填充整个覆盖网站，就像在崇高的文本编辑器中一样，有两列布局？ [关闭]

     2023-03-06     188

关键词：

【中文标题】两个文本区域并排，最大尺寸填充整个覆盖网站，就像在崇高的文本编辑器中一样，有两列布局？ [关闭]【英文标题】：Two textarea side by side with max size that fill place whole covering website like in sublime text editor, with two columns layout? [closed] 【发布时间】：2021-10-13 17:45:54 【问题描述】：

这里是带有两列焦点组的 sublime 文本视图的示例：

【问题讨论】：

请阅读How to Ask和minimal reproducible example 可以使用flexbox来实现 【参考方案1】： 

section 
  display: flex;


textarea 
  flex:1;

<section>
    <textarea name="" id="" rows="10"></textarea>
    <textarea name="" id="" rows="10"></textarea>
</section>

【讨论】：

【参考方案2】：

请引导！

<section>
  <div class='row'>
   <div class='col-6'>
    <textarea name="" id="" rows="10"></textarea>
   </div>
   <div class='col-6'>
    <textarea name="" id="" rows="10"></textarea>
   </div>
  </div>
</section>

不要忘记在 index.html 中的&lt;head&gt;&lt;/head&gt; 之间添加 CDN：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

【讨论】：

Bootstrap 3 已经过时了，现在是 bootstrap 5 的时候了！ PS实现这个bootstrap不是强制的，比如flexbox用几行css就可以了

点击按钮后在两个文本区域中添加新行并用文本填充它们

】点击按钮后在两个文本区域中添加新行并用文本填充它们【英文标题】：Addingnewlinesintwotextareasafterhittingabuttonandfillingthemwithtext【发布时间】：2015-10-1300:10:57【问题描述】：我有一个包含两个文本区域和一个按钮的HTML页面。它... 查看详情

使文本区域填充表格单元格

】使文本区域填充表格单元格【英文标题】：Maketextareafilltablecell【发布时间】：2017-07-0418:29:13【问题描述】：我知道，关于SO也有类似的问题，但答案似乎对我不起作用。我的表格有一个填充多行的单元格，我希望textarea填充整... 查看详情

如何根据来自另一个 HTML 页面的链接预填充文本区域

】如何根据来自另一个HTML页面的链接预填充文本区域【英文标题】：HowToPrefillAText-AreaBasedOnALinkFromAnotherHTMLPage【发布时间】：2017-04-0914:45:38【问题描述】：我现在在一个网站上工作，其中一个页面只是一个div列，其中包含指向网... 查看详情

自动清除和重新填充文本区域值

】自动清除和重新填充文本区域值【英文标题】：AutoClear&RefillTextaAreaValue【发布时间】：2013-01-1814:59:36【问题描述】：我有一个简单的表单，它使用Value来通知用户他们要在每个文本区域中放置什么。我已经能够使用这个javasc... 查看详情

使用 php curl 自动填充文本区域

】使用phpcurl自动填充文本区域【英文标题】：Toautofillatextareausingphpcurl【发布时间】：2009-11-0912:54:25【问题描述】：我们正在尝试自动填充具有文本区域的表单。<textareaname="myarea"></textarea>我们可以使用curl来做到这一点... 查看详情

WTForms-如何预填充文本区域字段？

】WTForms-如何预填充文本区域字段？【英文标题】：WTForms-Howtoprepopulateatextareafield?【发布时间】：2011-07-0407:12:31【问题描述】：嗨，我一直在尝试使用某些东西来填充文本区域像这样在模板中。form.content(value="pleasetypecontent")这在... 查看详情

支持 HTML 的 HTML 文本区域？ [关闭]

】支持HTML的HTML文本区域？[关闭]【英文标题】：HTMLtextareawithHTMLsupport?[closed]【发布时间】：2012-05-3119:13:16【问题描述】：我希望在我的表单中的htmltextarea中支持html标记，就像在提问时在***中一样。并在php中传递其值并在textarea... 查看详情

jQuery .attr('value') 为文本区域返回未定义

】jQuery.attr(\\\'value\\\')为文本区域返回未定义【英文标题】：jQuery.attr(\'value\')returnsundefinedfortextareajQuery.attr(\'value\')为文本区域返回未定义【发布时间】：2011-11-0302:02:49【问题描述】：我有一个页面，它通过ajax动态引入表单并将... 查看详情

用条目之间的新行填充文本区域

】用条目之间的新行填充文本区域【英文标题】：PopulatingatextareawithNewLinesbetweenentries【发布时间】：2016-09-2200:24:38【问题描述】：在我的WebApi中，我从Ajax调用中获取社会安全号码列表，我想用它们填充文本区域。目前发生的情... 查看详情

用单击的按钮填充文本区域

】用单击的按钮填充文本区域【英文标题】：Filltextareawithclickedbutton【发布时间】：2012-02-1608:29:51【问题描述】：已解决http://jsfiddle.net/ArtofLife/u9d9d/我有多个TEXTAREA和BUTTON外部。为了在textarea中插入字符串，我使用了jQuery插件(inser... 查看详情

像在 IDE 中一样在文本区域中反应自动完成（例如 VS Code、Atom）

】像在IDE中一样在文本区域中反应自动完成（例如VSCode、Atom）【英文标题】：ReactautocompleteinatextarealikeinanIDE(e.g.VSCode,Atom)【发布时间】：2019-03-2412:12:51【问题描述】：我尝试在React中编写gif中的自动完成功能。因此，在编写文本... 查看详情

MVC创建表单加载时如何用一些数据填充文本区域？

】MVC创建表单加载时如何用一些数据填充文本区域？【英文标题】：HowtofillthetextareabysomedatawhenMVCcreateformloading?【发布时间】：2015-08-2812:32:59【问题描述】：我有一个使用MVC创建的创建表单。该表单中有文本区域。我希望在加载... 查看详情

Django - 停止自动填充表单文本区域

】Django-停止自动填充表单文本区域【英文标题】：Django-stopformtextareafromautopopulating【发布时间】：2020-11-0806:50:32【问题描述】：我正在使用Django制作登录表单，但是在我将密码输入小部件添加到我的loginForm后，表单文本会自动填... 查看详情

JavaFX - 未填充文本区域时发出警报

】JavaFX-未填充文本区域时发出警报【英文标题】：JavaFX-Alertwhentextareasarenotfilled【发布时间】：2015-10-2409:04:22【问题描述】：我的问题很小，找不到解决方案。我创建了一些输入文本区域。他们正在将输入转换为字符串并将它们... 查看详情

文本区域最大宽度

】文本区域最大宽度【英文标题】：Textareamax-width【发布时间】：2015-03-1210:11:02【问题描述】：我的textarea最大宽度有问题，我需要它在调整大小时不超过.table-cell.two宽度，在此示例中：JSfiddleexampleHTML：<divclass="wrapper"><divc... 查看详情

如何将两个文本添加到一个文本区域？

】如何将两个文本添加到一个文本区域？【英文标题】：HowdoIaddtwotextsintoonetextarea?【发布时间】：2013-05-2302:08:00【问题描述】：我想插入两个文本到一个文本区域使用javascript。P>我得到明文***，但我似乎无法给两个或两个以上... 查看详情

如何在 HTML 表单中“预填充”文本区域的值？ [复制]

】如何在HTML表单中“预填充”文本区域的值？[复制]【英文标题】：HowcanI"pre-fill"thevalueofatextareainanHTMLform?[duplicate]【发布时间】：2011-01-1423:21:21【问题描述】：我正在创建一个简单的后端应用程序，用户可以通过它创建/... 查看详情

如何在不增加宽度的情况下向文本区域添加填充？

】如何在不增加宽度的情况下向文本区域添加填充？【英文标题】：HowcanIaddpaddingtoatextareawithoutcausingthewidthtoincrease?【发布时间】：2011-05-1000:17:06【问题描述】：我在设置textarea元素的宽度和通过CSS使用填充时遇到了问题。padding... 查看详情