簡體   English   中英

在textarea或div中從數據庫中插入/顯示可點擊鏈接

[英]Insert/show clickable links in/from database from textarea or div

我有一個textarea,用戶可以在其中鍵入文本,並且此文本將插入數據庫中 另一個查詢顯示用戶寫的內容。 如果用戶插入鏈接,則我想在該鏈接可單擊的地方有一個textarea,當我調用顯示用戶輸入的查詢時,我想看到可點擊的鏈接。

這是我的文本區域

<div class="txt-edit-caso-file">
    <div class="et-form-ins">Modified files </div>
    <textarea name="EDITmodifiedfiles" size="9" class="input full-witdh" id="edit-file" value="<?php echo "$file_mod"; ?>"><?php echo "$file_mod"; ?></textarea>
 </div>

如果用戶寫www.google.it,我想將鏈接存儲在數據庫中,如果我調用show查詢,則可以看到它。

我知道一個textarea只能有普通文本,沒有鏈接,html標記等。所以我做了一個可編輯的DIV,看起來像我的textarea,

<div name="EDITmodifiedfiles" contentEditable="true" size="9" class="input full-witdh" id="edit-file" value="<?php echo "$file_mod"; ?>"><?php echo "$file_mod"; ?></div>

順便說一句,我不知道如何從div在db中插入數據。 因為普通的$ _POST方法似乎不起作用。

$file_modif = trim($_POST['EDITfilemod']);

那我該怎么辦? 因為textarea沒有鏈接,但是我無法在數據庫中插入DIV文本。

將鏈接像鏈接一樣存儲在數據庫中並不重要,我只想在用戶在textarea / div中看到它時將其視為鏈接,並且用戶可以對其進行編輯(用戶可以插入一個或多個鏈接) ,換行符中的每個鏈接)。

謝謝。

........ edit我決定為我們提供一個隱藏的文本區域(用於輸入)和一個div(用於可單擊的輸出)。 這兩個框的內容相同(如果我編輯div,則文本也將進入文本區域)。 現在我的問題是:如何管理div中的鏈接?

如果要通過textarea將鏈接插入數據庫,則必須將該文本與html <a herf="http://www.google.com">Link</a>標記一起放置。 當它顯示在html頁面上時,它會自動顯示為鏈接。您還可以使用Internet上免費提供的CKEDITOR,並將其用於textarea鏈接文本。

從可編輯文件中插入文本格式<div>或 textarea 進入數據庫</div><div id="text_translate"><p>我目前正在為我自己的網站開發一個個人項目,我正在嘗試添加將格式化文本存儲到數據庫中的功能。 到目前為止,我所做的是能夠將字體從斜體更改為粗體作為示例,但我完全不知道如何將其傳遞到數據庫。</p><pre> &lt;style&gt; #fake_textarea { width: 100%; height: 200px; border: 1px solid red; } #jBold { font-weigth: bold; } #jItalic{ font-style:italic; } &lt;/style&gt; &lt;script src="/scripts/snippet-javascript-console.min.js?v=1"&gt;&lt;/script&gt; &lt;body&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;button id="jBold"&gt;&lt;b&gt;B&lt;/b&gt;&lt;/button&gt;&lt;button id="jItalic"&gt;&lt;i&gt;I&lt;/i&gt;&lt;/button&gt; &lt;div id='fake_textarea' contenteditable&gt; Select some text and click the button to make it bold... &lt;br&gt;Or write your own text &lt;/div&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jBold').click(function() { document.execCommand('bold'); }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jItalic').click(function() { document.execCommand('italic'); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre><p> 示例工作: <a href="https://codepen.io/goldenowl/pen/KKdZQxY" rel="nofollow noreferrer">codepen</a></p></div>

[英]Insert text format from an editable <div> or textarea into the database

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 從可編輯文件中插入文本格式<div>或 textarea 進入數據庫</div><div id="text_translate"><p>我目前正在為我自己的網站開發一個個人項目,我正在嘗試添加將格式化文本存儲到數據庫中的功能。 到目前為止,我所做的是能夠將字體從斜體更改為粗體作為示例,但我完全不知道如何將其傳遞到數據庫。</p><pre> &lt;style&gt; #fake_textarea { width: 100%; height: 200px; border: 1px solid red; } #jBold { font-weigth: bold; } #jItalic{ font-style:italic; } &lt;/style&gt; &lt;script src="/scripts/snippet-javascript-console.min.js?v=1"&gt;&lt;/script&gt; &lt;body&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;button id="jBold"&gt;&lt;b&gt;B&lt;/b&gt;&lt;/button&gt;&lt;button id="jItalic"&gt;&lt;i&gt;I&lt;/i&gt;&lt;/button&gt; &lt;div id='fake_textarea' contenteditable&gt; Select some text and click the button to make it bold... &lt;br&gt;Or write your own text &lt;/div&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jBold').click(function() { document.execCommand('bold'); }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#jItalic').click(function() { document.execCommand('italic'); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre><p> 示例工作: <a href="https://codepen.io/goldenowl/pen/KKdZQxY" rel="nofollow noreferrer">codepen</a></p></div> 從textarea Javascript將內容插入div 將文本插入div的sceditor textarea中? 將數據從textarea插入數據庫的解決方案 從textarea獲取更新的值並將其插入到jQuery的div中? Javascript不適用於:onclick顯示textarea中的隱藏div 帶子鏈接的可點擊DIV 從textarea存儲換行符,存儲到數據庫並在前端顯示? 顯示/隱藏來自單獨鏈接的div _多個框問題 如何使從JSON添加的鏈接可點擊?
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM