/ 设置 10 秒超时 // 每日统计清 0 runtime_set('todaycomments', 0); runtime_set('todayarticles', 0); runtime_set('todayusers', 0); if ($forumlist) { $fidarr = array(); foreach ($forumlist as $fid => $forum) { $fidarr[] = $forum['fid']; } forum_update($fidarr, array('todayposts' => 0, 'todaythreads' => 0)); } // 清理临时附件 attach_gc(); // 当天24点 $today = strtotime(date('Ymd')) + 86400; runtime_set('cron_2_last_date', $today, TRUE); // 往前推8个小时，尽量保证在前一天 升级过来和采集的数据会很卡 // table_day_cron($time - 8 * 3600); cache_delete('cron_lock_2'); } } } ?>javascript - textarea with a few editing options - Stack Overflow|Concepts Of Algorithm
  2. Algorithm
  3. javascript - textarea with a few editing options - Stack Overflow

javascript - textarea with a few editing options - Stack Overflow

admin2025-04-03  3

I need a simple text editor on my site, just with the following options:
- ordered and unordered lists
- heading or bold characters
- horizontal rule

Is there any way to get the above by coding, inside an existing textarea tag

I tried with contentEditable div but there is a lot of problems there, for example return changes the format of preceding text and so on.

I need a simple text editor on my site, just with the following options:
- ordered and unordered lists
- heading or bold characters
- horizontal rule

Is there any way to get the above by coding, inside an existing textarea tag

I tried with contentEditable div but there is a lot of problems there, for example return changes the format of preceding text and so on.

  • javascript
  • html
  • text-editor
Share Improve this question asked Sep 6, 2018 at 7:33 user7461846user7461846 2
  • A content editable is the way to go, textarea element contains only plain text, it can't have HTML. When using a content editable div, or maybe rather <pre>, you've to capture some key hits, e.g. TAB and ENTER, and prevent the default action. – Teemu Commented Sep 6, 2018 at 7:38
  • If you want to stick with pure textarea, there are no formatting options available and you have to work with key** or input events only to create basically some basic kind of markup. But markup is the only way for textarea - heading won't be bigger or bolder, horizontal rule will be just dashes across the textarea, unordered list items will start with * or -, no clickable links etc. You can hardcode contentEditable to your needs, like change Enter key behavior. It's more work, but it's worth it. – mikiqex Commented Sep 6, 2018 at 7:44
Add a ment  | 

2 Answers 2

Reset to default 8

You can use ckeditor, it's very simple and customizable

https://ckeditor./ckeditor-5/

Example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CKEditor 5 – Classic editor</title>
    <script src="https://cdn.ckeditor./ckeditor5/11.0.1/classic/ckeditor.js"></script>
</head>
<body>
    <h1>Classic editor</h1>
    <textarea name="content" id="editor">
        &lt;p&gt;This is some sample content.&lt;/p&gt;
    </textarea>
    <script>
        ClassicEditor
            .create( document.querySelector( '#editor' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
</body>
</html>

Take a look at this. It's a customizable wysiwyg editor, that can be configured to only have the features you asked for.

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1743627664a213820.html

javascripttextarea with a few editing optionsStack Overflow

最新回复(0)