textarea输出不会干扰html标签

时间:2019-02-24 19:01:55

标签: javascript html textarea line-breaks richtext

由于我一直搜索,没有找到适合我的答案,希望您能为我提供帮助。我是编码的新手!

我正在为姐姐建立一个招聘网站,她可以在上面上传工作机会。对于描述,我使用了<textarea>标签。我读到它无法解释html标记,很遗憾,这是事实。我希望我的姐姐至少能够进行换行,因为the text looks like this

我尝试了许多富文本编辑器,例如CKEditor,但最终在编辑器中看起来不错,但输出保持不变!我也尝试过div标记,但是它们不会提交到我的数据库...

我正在使用HTML,CSS,JavaScript,NodeJS和EJS。我不知道是否有帮助,但是我将我的ejs文件放在这里:

<% include ./partials/header %>

<div class="ui violet segment"><h1>Stelle bearbeiten: <%= job.title %></h1>

<div class="ui divider"></div>

<div style="padding:20px 0; width: 50%;">
<form class="ui form" action="/admin/jobs/<%= job.id %>?_method=PUT" method="POST">
<div class="field">
    <label>Titel</label>
    <input type="text" name="title" value="<%= job.title %>">
</div>

<div class="field">
    <label>Beschreibung</label>
    <textarea name="description"><%= job.description %></textarea>
</div>

<div class="field">
    <label>Ort</label>
    <input type="text" name="location"  value="<%= job.location %>">
</div>


<div class="inline fields">
  <label for="jobtype">Art</label>

  <div class="field">
    <div class="ui radio checkbox">
      <input type="radio" name="jobtype" 
        <% if(job.jobtype === 'Freelancer'){ %>
          checked="checked"
        <% } %>
      value="Freelancer">
      <label>Freelance</label>
    </div>
  </div>

  <div class="field">
    <div class="ui radio checkbox">
      <input type="radio" name="jobtype" 
        <% if(job.jobtype === 'Festanstellung'){ %>
          checked="checked"
        <% } %>
      value="Festanstellung">
      <label>Festanstellung</label>
    </div>
  </div>

</div>

<div class="field">
  <label>Zeitraum</label>
  <input type="text" name="time"  value="<%= job.time %>">
</div>

<div class="inline fields">
  <label for="status">Status</label>

  <div class="field">
    <div class="ui radio checkbox">
      <input type="radio" name="status" 
        <% if(job.status === 'active'){ %>
          checked="checked"
        <% } %>
      value="active">
      <label>veröffentlicht</label>
    </div>
  </div>

  <div class="field">
    <div class="ui radio checkbox">
      <input type="radio" name="status" 
        <% if(job.status === 'inactive'){ %>
          checked="checked"
        <% } %>
      value="inactive">
      <label>geheim</label>
    </div>
  </div>

</div>

<button class="ui teal button">Speichern</button>
</form>


</div>
</div>
<% include ./partials/footer %>

谢谢!

1 个答案:

答案 0 :(得分:1)

是的,HTML文本区域始终显示文本。因此,您可以编写自己的丰富内容编辑器所需的javascript,也可以使用上千种可用的javascript。

如果您对如何使用它们有疑问,也许您应该再尝试一次。