首页 \ 问答 \ 在textarea中包含html页面(Include html page in textarea)

在textarea中包含html页面(Include html page in textarea)

我正在尝试创建一个管理平台,有人可以编辑html文件的文本。

为此,我创建了另一个页面,我想我可以将整个html文件加载到textarea中。

我正在使用Thymeleaf和Spring。 我不希望在textarea中呈现html文本(在stackoverflow中大多数关于此问题的想要渲染html)。

这是一个例子:

页面(文本)我想要在文本区域内:
index.html的:

    <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Login</title>
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"
              href="../../static/public/css/bootstrap.min.css" />
    </head>
    <body onload="document.f.username.focus();">
        <div class="container">
            <div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="http://www.thymeleaf.org"> Thymeleaf -
                        Plain </a>
                    <ul class="nav">
                        <li><a th:href="@{/}" href="home.html"> Home </a></li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <p th:if="${param.logout}" class="alert">You have been logged out</p>
                <p th:if="${param.error}" class="alert alert-error">There was an error, please try again</p>
                <h2>Login with Username and Password</h2>
                <form id="login" name="login" th:action="@{/j_spring_security_check}" action="/doLogin" method="POST">
                    <fieldset>
                        <input type="text" name="username" value="" placeholder="Username" />


    <input type="password" name="password" placeholder="Password" />
                </fieldset>
                <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
                <input type="submit" id="login" value="Login" class="btn btn-primary" />
            </form>
        </div>
    </div>
</body>

我希望用户能够完全编辑,所以我想在texarea中包含这样的文本,如下所示:

<div class="content">
                <h1>Editing page index.html</h1>
                <h2>HTML code: </h2>
                <textarea th:text="${param.clic[0]}">//Here is where i need help
                </textarea>
            </div>

有可能做我想做的事吗?

谢谢你的帮助! 如果您需要更多细节,我将很乐意给予他们


I'm trying to make an administrative platform where someone can edit the text of an html file.

For this I made another page in which I'm thinking I could load the whole html file into a textarea.

I'm using Thymeleaf and Spring for this. and I DON'T want the html text to be rendered inside the textarea (most questions about this in stackoverflow want to render the html).

Here's an example:

Page (text) I want to be inside the text area:
index.html:

    <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Login</title>
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"
              href="../../static/public/css/bootstrap.min.css" />
    </head>
    <body onload="document.f.username.focus();">
        <div class="container">
            <div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="http://www.thymeleaf.org"> Thymeleaf -
                        Plain </a>
                    <ul class="nav">
                        <li><a th:href="@{/}" href="home.html"> Home </a></li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <p th:if="${param.logout}" class="alert">You have been logged out</p>
                <p th:if="${param.error}" class="alert alert-error">There was an error, please try again</p>
                <h2>Login with Username and Password</h2>
                <form id="login" name="login" th:action="@{/j_spring_security_check}" action="/doLogin" method="POST">
                    <fieldset>
                        <input type="text" name="username" value="" placeholder="Username" />


    <input type="password" name="password" placeholder="Password" />
                </fieldset>
                <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
                <input type="submit" id="login" value="Login" class="btn btn-primary" />
            </form>
        </div>
    </div>
</body>

And I want the user to be able to edit exactly that so I want to include that text in a texarea like this:

<div class="content">
                <h1>Editing page index.html</h1>
                <h2>HTML code: </h2>
                <textarea th:text="${param.clic[0]}">//Here is where i need help
                </textarea>
            </div>

Is it possible to do what I'm trying to do?

Thank you for you help! If you need any more details I'll be happy to give them


原文:https://stackoverflow.com/questions/35304089
更新时间:2021-10-03 22:10

相关文章

更多

最新问答

更多
  • h2元素推动其他h2和div。(h2 element pushing other h2 and div down. two divs, two headers, and they're wrapped within a parent div)
  • 创建一个功能(Create a function)
  • 我投了份简历,是电脑编程方面的学徒,面试时说要培训三个月,前面
  • PDO语句不显示获取的结果(PDOstatement not displaying fetched results)
  • Qt冻结循环的原因?(Qt freezing cause of the loop?)
  • TableView重复youtube-api结果(TableView Repeating youtube-api result)
  • 如何使用自由职业者帐户登录我的php网站?(How can I login into my php website using freelancer account? [closed])
  • SQL Server 2014版本支持的最大数据库数(Maximum number of databases supported by SQL Server 2014 editions)
  • 我如何获得DynamicJasper 3.1.2(或更高版本)的Maven仓库?(How do I get the maven repository for DynamicJasper 3.1.2 (or higher)?)
  • 以编程方式创建UITableView(Creating a UITableView Programmatically)
  • 如何打破按钮上的生命周期循环(How to break do-while loop on button)
  • C#使用EF访问MVC上的部分类的自定义属性(C# access custom attributes of a partial class on MVC with EF)
  • 如何获得facebook app的publish_stream权限?(How to get publish_stream permissions for facebook app?)
  • 如何防止调用冗余函数的postgres视图(how to prevent postgres views calling redundant functions)
  • Sql Server在欧洲获取当前日期时间(Sql Server get current date time in Europe)
  • 设置kotlin扩展名(Setting a kotlin extension)
  • 如何并排放置两个元件?(How to position two elements side by side?)
  • 如何在vim中启用python3?(How to enable python3 in vim?)
  • 在MySQL和/或多列中使用多个表用于Rails应用程序(Using multiple tables in MySQL and/or multiple columns for a Rails application)
  • 如何隐藏谷歌地图上的登录按钮?(How to hide the Sign in button from Google maps?)
  • Mysql左连接旋转90°表(Mysql Left join rotate 90° table)
  • dedecms如何安装?
  • 在哪儿学计算机最好?
  • 学php哪个的书 最好,本人菜鸟
  • 触摸时不要突出显示表格视图行(Do not highlight table view row when touched)
  • 如何覆盖错误堆栈getter(How to override Error stack getter)
  • 带有ImageMagick和许多图像的GIF动画(GIF animation with ImageMagick and many images)
  • USSD INTERFACE - > java web应用程序通信(USSD INTERFACE -> java web app communication)
  • 电脑高中毕业学习去哪里培训
  • 正则表达式验证SMTP响应(Regex to validate SMTP Responses)