Москва

Россия

Необходимо повторить редактор текста из мессенджера Телеграм.

Должны быть следующие элементы: поле ввода текста, выпадающее меню, модалочка для вставки ссылки, эмоджи (без гифок и стикеров).

Должна поддерживаться только та разметка, которая есть в телеграмме: жирный, курсив, подчеркнутый, зачеркнутый, моноширинный, ссылки. Все больше никакой разметки быть не должно.
Это нужно учитывать при вставке текста в поле ввода из других источников: текст перед вставкой должен очищаться от неподдерживаемых тегов.

Эмоджи могут вставляться в текст как юникод, это норм, но выбор должен быть из картинок.

Должны быть реализованы соответствующие горячие клавиши (есть на скриншотах).

Поле ввода должно автоматически растягиваться по высоте до указанного лимита, например max-height.

Код должен быть минималистичным, без фреймворков и минимум сторонних библиотек. В идеале 3 файла: html, css, js. Готов рассмотреть доработку на основе существующего решения, например quill.

Если сможете повторить стили элементов, будет вообще идеально.

При необходимости готов разработать более подробное ТЗ, если вас что-то смущает.

Необходимо повторить редактор текста из мессенджера Телеграм.

Должны быть следующие элементы: поле ввода текста, выпадающее меню, модалочка для вставки ссылки, эмоджи (без гифок и стикеров).

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

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

Должны быть реализованы соответствующие горячие клавиши (есть на скриншотах).

Поле ввода должно автоматически растягиваться по высоте до указанного лимита, например max-height.

Код должен быть минималистичным, без фреймворков и минимум сторонних библиотек. В идеале 3 файла: html, css, js. Готов рассмотреть доработку на основе существующего решения, например quill.

Если сможете повторить стили элементов, будет вообще идеально.

При необходимости готов разработать более подробное ТЗ, если вас что-то смущает.

Редактор текста на JS

HTML

JavaScript

[code]&#65279;    public static class WordPress
    {
        // код должен быть максимально нативным, использовать только библиотеки net framework, исключение может быть для работы с zip
        // в каждой функции должны быть блоки try-catch и проверки для защиты от сбоев, например, сайт с WP в данный момент не доступен или не работает интернет
        
   &#65279;   &#65279; // путь к папке WordPress
        private const string WordPressPath = "/WordPress"; // на время разработки можете указать свой
        
   &#65279;   &#65279; // есть ли в папке хоть какая-то версия WordPress
        public static bool IsInstalled()
        {
            return false;
        }
        
    &#65279;   &#65279;// возвращает актуальную версию WordPress на сайте https://wordpress.org/download/
        public static string GetVersionActual()
        {
            return null;
        }

        // возвращает версию WordPress в папке
        public static string GetVersionInstalled()
        {
            return null;
        }

        // обновляет версию в папке, если на сайте есть более свежая
        public static bool Update()
        {
            // после скачивания, необходимо распаковать архив, сам файл архива удалить

            // в случае успеха возвращает true
            return false;
        }

        // скачивание вынесено в отдельную функцию
        private static bool Download()
        {
            // в случае успеха возвращает true
            return false;
        }

        // распаковка вынесена в отельную функцию
        private static bool Unzip()
        {
            // в случае успеха возвращает true
            return false;
        }
    }[/code]

<code>﻿    public static class WordPress
</code>    {
        // код должен быть максимально нативным, использовать только библиотеки net framework, исключение может быть для работы с zip
        // в каждой функции должны быть блоки try-catch и проверки для защиты от сбоев, например, сайт с WP в данный момент не доступен или не работает интернет
        
 ﻿ ﻿ // путь к папке WordPress
        private const string WordPressPath = "/WordPress"; // на время разработки можете указать свой
        
 ﻿ ﻿ // есть ли в папке хоть какая-то версия WordPress
        public static bool IsInstalled()
        {
            return false;
        }
        
 ﻿ ﻿// возвращает актуальную версию WordPress на сайте https://wordpress.org/download/
        public static string GetVersionActual()
        {
            return null;
        }

        // возвращает версию WordPress в папке
        public static string GetVersionInstalled()
        {
            return null;
        }

        // обновляет версию в папке, если на сайте есть более свежая
        public static bool Update()
        {
            // после скачивания, необходимо распаковать архив, сам файл архива удалить

            // в случае успеха возвращает true
            return false;
        }

        // скачивание вынесено в отдельную функцию
        private static bool Download()
        {
            // в случае успеха возвращает true
            return false;
        }

        // распаковка вынесена в отельную функцию
        private static bool Unzip()
        {
            // в случае успеха возвращает true
            return false;
        }
    }

Алексей golinski_alexey

Редактор текста на JS

[C#] Реализовать класс