Laravel 中的可编辑文本答案

【问题标题】：Editable text in LaravelLaravel 中的可编辑文本
【发布时间】：2023-01-05 23:30:38
【问题描述】：

我需要制作一个可以由用户编辑的文本，但在某些部分我需要制作静态文本，例如日期和......，如何制作，请任何人帮助我

我已经尝试了正常输入，但它没有像我预期的那样工作

【问题讨论】：

这个不是很清楚。你能举例说明你所追求的吗？你试过什么？

标签： php laravel

【解决方案1】：

您可以在页面中为每个部分定义可编辑部分，在输入后使用 js 连接主输入中的所有文本，然后提交只需将主文本传递到后端。

像下面这样：

<input type="hidden" name="text" id="main-text-id">

<input class="text-part" type="text">
<input class="text-part" type="text">
<input class="text-part" type="hidden"> <!--static part-->
<input class="text-part" type="text">
<input class="text-part" type="hidden"> <!--static part-->
...

和你的脚本：

<script>
    const mainText = document.getElementById('main-text-id');
    const inputs = document.querySelectorAll('.text-part');

    inputs.forEach(input => {
        input.addEventListener('input', () => {
            mainText.value = Array.from(inputs).map(input => input.value).join(' ');
        });
    });

</script>

【讨论】：