PHP сохранить текст в отформатированном редактируемом разделе - PullRequest
Новая
       5

PHP сохранить текст в отформатированном редактируемом разделе

0 голосов
/ 13 февраля 2020

Я создаю текстовый редактор, и я пытаюсь сохранить и открыть отформатированный текст, который пользователь ввел в редактируемый div в виде файла html или любого другого типа файла, в который я могу сохранить его, но также открыть его снова когда вы не захотите.

Прежде чем я прочитал в W3Schools о сохранении, создании и открытии файлов в php. здесь и здесь

Вот ссылка на мой сайт: https:icrann.com/freeword.html

Здесь также мой код: Он использует javascript на кнопках для форматирования выбранного текста. 

<!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' crossorigin='anonymous'>

</head>
<body>

    <div class="topnav">
        <a class="close" href="#home"><i class='fas fa-arrow-left' style='font-size:24px'></i></a>
        <a class="btn" href=""><i class='fas fa-save' style='font-size:24px'></i></a>
        <a class="btn" href="#about"><i class='fas fa-cloud' style='font-size:24px'></i></a></i></a>
    </div>

    <div class="iconnav">
        <button class="fontStyle" onclick="document.execCommand('undo',false,null);"><i class="fas fa-undo"></i></button>
        <button class="fontStyle" onclick="document.execCommand('redo',false,null);"><i class="fas fa-redo"></i></button>

        <button class="fontStyle" onclick="document.execCommand('cut',false,null);"><i class="fas fa-cut"></i></button>
        <button class="fontStyle" onclick="document.execCommand('copy',false,null);"><i class="fas fa-copy"></i></button>
        <button class="fontStyle" onclick="document.execCommand('paste',false,null);"><i class="fas fa-paste"></i></button>
        <button class="fontStyle" onclick="document.execCommand('selectAll',false,null);"><i class="fas fa-check-double"></i></button>

        <button class="fontStyle" onclick="document.execCommand('bold',false,null);"><i class="fas fa-bold"></i></button>
        <button class="fontStyle" onclick="document.execCommand('italic',false,null);"><i class="fas fa-italic"></i></button>
        <button class="fontStyle" onclick="document.execCommand('underline',false,null);"><i class="fas fa-underline"></i></button>
        <button class="fontStyle" onclick="document.execCommand('strikethrough',false,null);"><i class="fas fa-strikethrough"></i></button>

        <button class="fontStyle" onclick="document.execCommand('justifyLeft',false,null);"><i class="fas fa-align-left"></i></button>
        <button class="fontStyle" onclick="document.execCommand('justifyCenter',false,null);"><i class="fas fa-align-center"></i></button>
        <button class="fontStyle" onclick="document.execCommand('justifyRight',false,null);"><i class="fas fa-align-right"></i></button>
    </div>

    <div id="editor" contenteditable="true">
        This is the editable text.
    </div>

</body>

Thankyou Crann

...