Question

Это сообщество действительно помогло новичку, как я, продолжить проекты, которыми я занимался, и я благодарю всех вас за это. Однако сегодня я снова попытаюсь испытать удачу.

У меня есть проблема, которую я не могу решить самостоятельно, и не могу действительно найти в Интернете данные c, потому что я не знаю, что это такое. волхвы c слова, которые мне нужны. Достаточно вступления, позвольте мне перейти к моему вопросу.

Хорошо, еще немного. Я создаю текстовый / HTML редактор в локальном файле html, которым я могу поделиться со своей командой и который будет очень полезен для такого редактора контента, как мы, чтобы мы могли создавать теги XML с нуля (я заменит теги HTML, которые я покажу через некоторое время), как только у меня будут все ресурсы и коды, которые мне понадобятся.

Вот быстрый взгляд на то, как это выглядит:

Итак, чтобы объяснить это вкратце, мой вопрос в основном касается двух вещей и нескольких второстепенных, и, пожалуйста, скажите мне, где я неправ, и я открыт для любых предложений.

1) Когда я щелкаю тег

, он должен отображаться там, где на данный момент нажимается мой курсор, а не под всеми текстами над ним. Но сейчас это то, что происходит. Я знаю, что в моем сценарии чего-то не хватает, и поэтому. Поэтому могу ли я попросить предложение или руководство, которое легко понять начинающему? Извините за то, что я так требователен.

2) Когда я нажимаю на определенную кнопку тега над редактором, может ли она отображаться в формате полужирный , например , этого <b>this</b>?

Я где-то читал, что поле ниже является текстовой областью и не позволяет форматировать, как полужирный, курсив и подчеркивание, однако, есть способ сделать это с некоторыми HTML, CSS а JS? (потому что это единственные языки, которые я могу как-то понять, хотя и новичок ie.)

В любом случае, мне нужно, по крайней мере, иметь возможность подбодрить некоторые теги, такие как , так что это легко узнаваемый, когда содержание повсюду. Если это невозможно, не могли бы вы предложить мне язык, который я должен изучать, или, по крайней мере, указать мне какое-то направление к go к?

Если это все еще невозможно сделать, по крайней мере, это есть способ выделить теги?

Теперь по некоторым незначительным вопросам ...

3) Я полагаю, что есть спецификация c enter like <br/> in HTML или space like ( ) in HTML для javascript ? Если мои предположения верны, это что-то вроде \n?

4) И наконец, нужно ли мне объединить все имеющиеся у меня скрипты в один тег <script></script> или можно разделить их в зависимости от их функции?

Я и благодарен, и извиняюсь за такой длинный пост и вопрос. Я надеюсь, что смогу сделать это намного более кратким, но я действительно не знаю, как задавать свои вопросы.

Кстати, я приложу полный код, который я в настоящее время, (потому что я не уверен что надо обрезать). Так что спасибо всем еще раз. Я надеюсь пройти это испытание!

<code><html>
<center><title>EDEN Editor</title></center>
<div align="center">
<h1>EDEN Editor</h1>
</div>
<hr>
<br/>
<style>
.button {
  padding: 10px 20px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #e5e59b;
  border: none;
  border-radius: 15px;
}
.button:hover {background-color: #f5f5d8}

.button:active {
  background-color: #e5e59b;
  transform: translateY(1px);
}
</style>
<script language="JavaScript">

helpstat = false;
stprompt = false;
basic = true;

function thelp(swtch){
        if (swtch == 1){
                basic = false;
                stprompt = false;
                helpstat = true;
        }
        else if (swtch == 0) {
                helpstat = false;
                stprompt = false;
                basic = true;
        }
        else if (swtch == 2) {
                helpstat = false;
                basic = false;
                stprompt = true;
        }
}

function treset(){
        if (helpstat){
                alert("Clears the current editor.");
        }
        else {
        clear = prompt("Are you sure? (y/n)",'');
        clear = clear.toLowerCase();
        if(clear == 'y') {
                document.editor.reset();
                document.editor.value = "";
        }
        }
}       

function start(){
        if (helpstat){
                alert("Elements that appear at the beginning of the document, including TITLE.");
        }
        else if (basic) {
        document.editor.area.value = document.editor.area.value + "<html>\n<head>\n<title></title>\n</head>\n<body>\n";
        }
        else if (stprompt) {
                for(;;){
                        twrite = prompt("Title?",'');
                        if (twrite != "" && twrite != null){
                                break;
                        }
                        else {
                                prompt("You must enter a title.",'Ok, sorry.');
                        }
                }
                document.editor.area.value = document.editor.area.value + "<html>\n<head>\n<title>" + twrite + "</title>\n</head>\n<body ";

                twrite = prompt("Background color? (blank if none)",'');        
                if (twrite != "" && twrite != null){
                        twrite = '"' + twrite + '"';
                        document.editor.area.value = document.editor.area.value + "bgcolor=" + twrite + " ";
                }

                twrite = prompt("Background image? (blank if none)",'');                
                if (twrite != "" && twrite != null){
                        twrite = '"' + twrite + '"';
                        document.editor.area.value = document.editor.area.value + "background=" + twrite + " ";
                }

                twrite = prompt("Text color? (blank if none)",'');
                if (twrite != "" && twrite != null){
                        twrite = '"' + twrite + '"';
                        document.editor.area.value = document.editor.area.value + "text=" + twrite + " ";
                }

                twrite = prompt("Link color? (blank if none)",'');              
                if (twrite != "" && twrite != null){
                        twrite = '"' + twrite + '"';
                        document.editor.area.value = document.editor.area.value + "link=" + twrite + " ";
                }

                twrite = prompt("Visited link color? (blank if none)",'');              
                if (twrite != "" && twrite != null){
                        twrite = '"' + twrite + '"';            
                        document.editor.area.value = document.editor.area.value + "vlink=" + twrite + " ";
                }

                document.editor.area.value = document.editor.area.value + ">\n";
        }
}

function end(){
        if (helpstat){
                alert("Adds the the final elements to a document.");
        }
        else {
        document.editor.area.value = document.editor.area.value + "\n</body>\n</html>\n";  
        }
}

function preview(){
        if (helpstat) {
                alert("Preview/save the document.");
        }
        else {
                temp = document.editor.area.value;
                preWindow= open("", "preWindow","status=no,toolbar=n,menubar=y");
                preWindow.document.open();
                preWindow.document.write(temp);
                preWindow.document.close();
        }
}

function bold() {
        if (helpstat) {
                alert("Bold text.");
        }
        else if (basic) {
                document.editor.area.value = document.editor.area.value + "<b></b>";
        }
        else if (stprompt) {
                twrite = prompt("Text?",'');
                if (twrite != null && twrite != ""){
                document.editor.area.value = document.editor.area.value + "<b>" + twrite + "</b>";
                }
        }
}

function italic() {
        if (helpstat) {
                alert("Italicizes text.");
        }
        else if (basic) {
                document.editor.area.value = document.editor.area.value + "<i></i>";
        }
        else if (stprompt) {
                twrite = prompt("Text?",'');
                if (twrite != null && twrite != ""){
                document.editor.area.value = document.editor.area.value + "<i>" + twrite + "</i>";
                }
        }
}

function underline(){
        if (helpstat) {
                alert("Underlines text.");
        }
        else if (basic) {
                document.editor.area.value = document.editor.area.value + "<u></u>";
        }
        else if (stprompt) {
                twrite = prompt("Text?",'');
                if (twrite != null && twrite != ""){
                document.editor.area.value = document.editor.area.value + "<u>" + twrite + "</u>";
                }
        }
}

function pre(){
        if (helpstat) {
                alert("Sets text as preformatted.");
        }
        else if (basic) {
                document.editor.area.value = document.editor.area.value + "<pre>

";} else if (stprompt) {twrite = prompt (" Text? ", ''); If (twrite! = Null && twrite! =" ") {document.editor.area.value = document.editor.area.value + "

" + twrite + "

";}}} function center () {if (helpstat) {alert ("Centers text.");} else if (basi c) {document.editor.area.value = document.editor.area.value + " \ n \ n \ n \ n Random123 \ n ";} иначе if (stprompt) {twrite = prompt (" Text? ", ''); if (twrite! = null && twrite! =" ") { document.editor.area.value = document.editor.area.value + "

" + twrite + "

";}}} функция hbar () {if (helpstat) {alert ("Создает горизонтальную полосу . ");} else {document.editor.area.value = document.editor.area. значение + "

\ n"; }} function lbreak () {if (helpstat) {alert ("Создает новую строку, эквивалент возврата или ввода."); } else {document.editor.area.value = document.editor.area.value + " \ n ";}} function pbreak () {if (helpstat) {alert (" Делает две новые строки, эквивалент двух возвратов или вводит. ");} else {document.editor.area.value = document.editor. area.value + "

\ n";}} функция image () {if (helpstat) {alert ("Вставка изображения.");} else if (basi c) {document.editor.area. value = document.editor.area.value + ' \ n';} else if (stprompt) {twrite = prompt ("Местоположение изображения?", ''); if (twrite! = null && twrite ! = "") {twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + ' \ П '; }}} function aleft () {if (helpstat) {alert ("Вставляет изображение с выравниванием по левому краю."); } else if (basi c) {document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt){ twrite = prompt("Image location?",''); if (twrite != null && twrite != ""){ twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function aright(){ if (helpstat) { alert("Inserts an image with align right."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?",''); if (twrite != null && twrite != ""){ twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function atop(){ if (helpstat) { alert("Inserts an image with align top."); } else if (basic) { document.editor.area.value = document.editor.area.value + 'how to add tables in sites\n'; } else if (stprompt) { twrite = prompt("Image location?",''); if (twrite != null && twrite != ""){ twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function amid(){ if (helpstat) { alert("Inserts an image with align middle."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?",''); if (twrite != null && twrite != ""){ twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function abottom(){ if (helpstat) { alert("Inserts an image with align bottom."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?",''); if (twrite != null && twrite != ""){ twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function head1(){ if (helpstat) { alert("Creates a header, size 1 (largest size)."); } else if (basic) { document.editor.area.value = document.editor.area.value + "