LINUX.ORG.RU

47
Всего сообщений: 492

Как сделать кривую линию вместе с прямой?

Привет, мне нужно решение моей задачи, хочу сделать вот такое: https://prnt.sc/v7s411, но не понимаю как, только понял что косую можно сделать с помощью transform: rotate(-45deg). Заранее спасибо

 ,

wocky552 ()

Поиск альтернативны ФМ elfinder + wysiwyg-редактор

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

В идеале CKEditor4.

Пятница. У меня все :-)

Модеры, в частности Shaman007, если что можешь, перенести в Talks

 , ,

Twissel ()

eml to html

Есть какая-нибудь команднострочная утилитка, чтобы *.eml файлы с письмами конвертнуть в html? Или хотя бы plain text, при этом нужно, чтобы понимала base64 внутри.

 ,

praseodim ()

Экспорт документа в html

Есть хотелка странного - пишу руководство по софтинке, хочется его потом, помимо pdf‘ки, разместить html’кой на сайте. Структура документа крайне простая - текст, где из форматирования только отступы параграфов и два стиля (текст/заголовки), таблицы, которым в целом не критично точное сохранение ширины столбцов, и картинки, которые вставлены прям в текст без обтекания- т.е. все укладывается в пяток обычных тэгов из html1

Вопрос - есть какой-нить унифицированный подход, чтоб приготовить из, например, либры, html’ку с разбивкой не по страницам документа, а по разделам оглавления? Т.е. некий аналог javadoc но для документов?

 ,

rukez ()

Как поставить две ссылки и знак между ними

Здравствуйте, подскажите новичку столкнулся с проблемой нужно написать две ссылки по центру в линию и чтоб между ними стоял знак | а под ними номер телефона . Все это должно выглядеть . служба поддержки|задать вопрос . позвонить нам

Сейчас я прописал <div class:«…»>

 

puanson ()

Copyleft symbol in HTML as U+1F12F in Unicode 11

Что используете в Web для отображения COPYLEFT SYMBOL?

На википедии нашёл следующее:

The copyleft symbol is a mirror image of the copyright symbol, ©: a reversed C in a circle. It has no legal status. A 2016 proposal to add the symbol to a future version of Unicode was accepted by the Unicode Technical Committee. The code point U+1F12F 🄯 COPYLEFT SYMBOL was added in Unicode 11.

As of 2018, it is largely unimplemented in fonts, but can be approximated with character U+2184 ↄ LATIN SMALL LETTER REVERSED C or the more widely available character U+0254 ɔ LATIN SMALL LETTER OPEN O between parenthesis (ɔ) or, if supported by the application or web browser, by combining a reversed c with the character U+20DD ↄ⃝ COMBINING ENCLOSING CIRCLE: ↄ⃝.

For a list of fonts that include this glyph, see Unicode fonts#List of SMP Unicode fonts and then row "Enclosed Alphanumeric Supplement (173: 1F100–1F1FF)" (This list is not guaranteed to be current).

Какой шрифт предпочтительнее в современном Web для отображения этого знака?

Ещё, нашел обсуждение от 8 мая 2000 года, http://unicode.org/mail-arch/unicode-ml/Archives-Old/UML022/0858.html

 , ,

pacify ()

bb2html — написанная на коленке утилита для конвертации из BBcode в Html

Здравствуйте. Я вот от нечего делать написал на коленке утилиту.

Внимание: утилита написана на коленке и там есть баги!

Что она умеет:

  • жирный, наклонный, подчеркнутый, зачеркнутый текст
  • списки
  • картинки!!!
  • обычный и вынесенный варианты кода
  • ссылочки, куда же без них!
  • надстрочный и подстрочный тексты.

Ну, кажется, все перечислил.

Прога:

#!/usr/bin/env bash
file="$2"
if [[ ! -f $file ]]; then
    echo "Документ $1 не найден, создайте его и напишите нужный код либо исправьте название, если это опечатка"
    exit 1
fi

echo "<!DOCTYPE html>
<html lang=ru>
<head><meta content=\"text/html; charset=utf-8\"><title>$3</title></head>
<body style='font-family:verdana,garamond,sans;font-size:16px'>" > $file
cat $1 >> $file

sed -i "s:\[b\]:<strong>:g" $file
sed -i "s:\[/b\]:</strong>:g" $file
sed -i "s:\[i\]:<em>:g" $file
sed -i "s:\[/i\]:</em>:g" $file
sed -i "s:\[u\]:<u>:g" $file
sed -i "s:\[/u\]:</u>:g" $file
sed -i "s:\[s\]:<s>:g" $file
sed -i "s:\[/s\]:</s>:g" $file
sed -i "s:\[sup\]:<sup>:g" $file
sed -i "s:\[/sup\]:</sup>:g" $file
sed -i "s:\[sub\]:<sub>:g" $file
sed -i "s:\[/sub\]:</sub>:g" $file
sed -i "s:\[list\]:<ul>:g" $file
sed -i "s:\[/list\]:</ul>:g" $file
sed -i "s:\[numlist\]:<ol>:g" $file
sed -i "s:\[/numlist\]:</ol>:g" $file
sed -i "s:\[\*\]:<li/>:g" $file
sed -i "s:\[br\]:<br/>:g" $file
sed -i "s:\[code\]:<br/> <pre>:g" $file
sed -i "s:\[/code\]:</pre> <br/>:g" $file
sed -i "s:\[c\]:<code>:g" $file
sed -i "s:\[/c\]:</code>:g" $file
sed -i "s:\[img=:<img src=:g" $file
sed -i "s:\[url=:<a href=:g" $file
sed -i "s:\[/url\]:</a>:g" $file
sed -i "s:\[comment\]:<!-- :g" $file
sed -i "s:\[/comment\]: -->:g" $file
sed -i "s:\"]:\">:g" $file

echo "</body></html>" >> $file

Было:

[img="https://www.linux.org.ru/photos/177986:2038028256.jpg"]BBc0de -- отличный язык разметки! Только я за полмесяца юзанья макдауна от него отвык :)[br]
Есть [b]жирный[/b], [i]курсив[/i], [u]подчеркнутый[/u] и [s]зачеркнутый[/s] текст. А также [sup]надстрочный[/sup] и [sub]подстрочный[/sub].[br]
А еще есть код... вот, сейчас я показал вам, что использую Linux, а не бздю или макос:
[c0de]~$ uname -s
Linux
~$[/c0de]
Хорошая штука -- этот код, но встроенный код еще лучше! [c]uname -s[/c] выдаст, какое ядро у вас.[br]
Вот [url="https://linux.org.ru"]LOR[/url][br]
А это список моих хотелок:[br][list]
[*] Набрать скора
[*] Научиться использовать слаку
[/list]
[numlist]
[*] А это
[*] нумерованный
[*] список,
[*] в котором
[*] ничего нет!
[/numlist]
[comment]Я -- комментарий! Меня видно?[/comment]

Стало:

<!DOCTYPE html>
<html lang=ru>
<head><meta content="text/html; charset=utf-8"><title></title></head>
<body style='font-family:verdana,garamond,sans;font-size:16px'>
<img src="https://www.linux.org.ru/photos/177986:2038028256.jpg">BBcode -- отличный язык разметки! Только я за полмесяца юзанья макдауна от него отвык :)<br/>
Есть <strong>жирный</strong>, <em>курсив</em>, <u>подчеркнутый</u> и <s>зачеркнутый</s> текст. А также <sup>надстрочный</sup> и <sub>подстрочный</sub>.<br/>
А еще есть код... вот, сейчас я показал вам, что использую Linux, а не бздю или макос:
<br/> <pre>~$ uname -s
Linux
~$</pre> <br/>
Хорошая штука -- этот код, но встроенный код еще лучше! <code>uname -s</code> выдаст, какое ядро у вас.<br/>
Вот <a href="https://linux.org.ru">LOR</a><br/>
А это список моих хотелок:<br/><ul>
<li/> Набрать скора
<li/> Научиться использовать слаку
</ul>
<ol>
<li/> А это
<li/> нумерованный
<li/> список,
<li/> в котором
<li/> ничего нет!
</ol>
<!-- Я -- комментарий! Меня видно? -->
</body></html>

Внутри исходников тестовой станицы я поменял тег [code] на [c0de], чтобы читалось лором нормально. (Я использую лоркод в этом сообщении.)

Выглядит готовый результат вот так. На этом можно написать сайт!

Ну как идея? Как реализация?

 ,

zagatov_lev ()

Разыскивается почтовая web-морда с plain HTML на свой сервер

Задача — ходить из некробраузеров на почты, где официальные морды уже не работают. Локальные клиенты не предлагать, ибо с ними как минимум оверхед в виде в 2.6 раз больше трафика на выгрузку base64-вложений (два раза — по SMTP и по IMAP в папку Sent), плюс пердолинг с TLS/SSL, да и вообще заброшены давно чуть менее чем все.

Перетыкали их несколько штук (Cypht, iRedMail, Horde IMP, Rainloop, SquirrelMail) — всё либо моднявое и смузихлёбное, либо хочет стопицот зависимостей. Сейчас остановились на Afterlogic WebMail Lite 8, он хоть худо-бедно работает, но всё равно надо над стилями основательно напильником поработать, ибо всё на флексбоксах, куча блоков отображается одновременно, и символьных иконочек непонятных куча.

Надо что-то тупое, простое, одноэкранное и текстовое, типа классической морды GMail, либо мобильной морды у него же и у Яндекса. У Ukr.Net вообще офигенная мобильная морда была, с горячими клавишами на цифрах — но почила.

Есть, конечно, вариант откопать и накатить некроверсию чего-нибудь из испробованного (там наверняка морды попроще), но это last, так сказать, resort, ибо сейчас и PHP 5-то накатить нетривиально, а дальше только хуже будет.

 , , , ,

mertvoprog ()

HTML5/CSS/JS/WebAssembly DE

В одном из недавних опросов 39 человек проголосовало за HTML5/CSS/JS/WebAssembly DE

Еще 26 проголосовало за WASM-based app everywhere

Интересно было бы послушать в конечном счете, как именно себе ЛОРовцы представляют это самое web-based DE.

 , , ,

mimico ()

firefox и datetime-local

Понадобилась дата и время. Радостно ставлю в компонент формы
<input type=«datetime-local» …. А вот фиг!

Пока не полез смотреть: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local#Browser_compatibility
почему оно становилось текстовым полем.

Ну и вопрос: как вы решаете данный вопрос в firefox? Надо, чтобы пользователь тыкал в ниспадающее меню, как при <input type=«date»

 ,

Vault_Boy ()

curl: скачать все данные форм

Всем привет.

Хитрая задача (для меня). Есть сайт с формами (веб-интерфейс железки) - куча параметров. Мне нужно curl-ом из консоли переключить один параметр сначала на одно значение, а потом вернуть на предыдущее (ну типа передернуть один параметр).

Отсюда вопрос. Как мне узнать какие параметры там стоят чтобы их передать без изменений, а поменять только один нужный мне. На той стороне сишный cgi-bin которому нужен весь комплект параметров (порядка 70, убираешь любой и уже ничего не работает). Как вариант, можно слить полные параметры из инспектора браузера (я сейчас так и сделал) и для каждого случая отправлять два набора. Но если там в какой-то настройке что-то будет не совпадать с моей заготовкой, то моим запросом тот параметр переустановится в неправильный.

Резервный вариант это писать на каком-нидь пистоне/php полноценный парсер и все такое. Но хотелось бы обойтись только bash-ем и всякими curl/grep/awk/sed и т.д.

 , , ,

yax123 ()

Вопрос не по теме (html+css)

Занялся самообучением, прошу не судить строго.. Столкнулся с проблемой, со стилем и написанием «.html» разобрался сам, но при видоизменении стиля кнопки поломался сценарий отправки формы на мою почту. В каких строках проблема?

https://qna.habr.com/q/753165

Перемещено Zhbert из general

 , ,

agmsxx ()

Frontend для чайников

Привет,

Посоветуйте книг/ресурсов для начинающих frontend. Уровень студента — чайник.

Интересует html, css, javasript.

Спасибо!

P.S. не для себя.

 , ,

int13h ()

Питоноэлектрон. Есть такой?

Привет всем!

Чувствую, сейчас в меня полетят томаты (в лучшем случае)...

Никакого проекта конкретного у меня нет на данный момент, просто заинтересовался таким вопросом:
Есть ли что-то Electron-подобное, но с Python'ом вместо JavaScript'а? Т.е. движок HTML+CSS+плюс другие Web-технологии, вроде SVG, но без JavaScript. Чтобы можно было обращаться к DOM прямо из Python-кода.
Зачем это надо? Ну, например, сделать UI на SVG, а логику написать на Python'е.

Я пока нагуглил только вот такую штуку: https://github.com/cztomczak/cefpython
Но, насколько я понимаю:
* JavaScript там всё равно есть и использовать его придётся.
* С DOM из Python'а работать нельзя.
* По сути это RPC между двумя языками, с лишними накладными расходами на преобразование туда-обратно.
Хотелось бы без этих трёх пунктов.

Кто что думает?

 , , , ,

ls-h ()

Back-end сервис для HTML страницы

Всем привет.

Прошу мудрецов подсказать в моем вопросе.

Можно ли к обычной HTML-странице приктутить форму для комментариев, без заморочек к бекендом? Что бы данные ложились в условный файлик.

Подсказали что-то вроде этого: https://formspree.io/

Сушествуют ли подобные сервисы, бесплатные, с возможностью установки на локальном сервере?

Заранее спасибо за ответы!

 ,

lckrspirit ()

как получить значение элемента?

Господа, спасибо всем кто ответит. Для меня всё что связано с фронтом сущий кошмар… Чтобы не тратить Ваше время, опишу подробнее. С большими кусками кода. У меня есть 42 чек-бокса по которым мне надо включать и отключать видимость столбцов. Вот HTML для чекбоксов:

<div class="row">
    <div class="col-1">
        <input type="checkbox" class="" data-column="1" id="depotID" ng-change="vm.coluVisi()" ng-model="vm.depotID">
        <label class="" for="">DepotID</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="2" id="depotBezeichnung" ng-change="vm.coluVisi()" ng-model="vm.depotBezeichnung">
        <label class="" for="">DepotBezeichn.</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="3" id="plattform" ng-change="vm.coluVisi()" ng-model="vm.plattform">
        <label class="" for="">Plattform</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="4" id="bezeichnung" ng-change="vm.coluVisi()" ng-model="vm.bezeichnung">
        <label class="" for="">Bezeichnung</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="5" id="handelstag" ng-change="vm.coluVisi()" ng-model="vm.handelstag">
        <label class="" for="">Handelstag</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="6" id="iSIN" ng-change="vm.coluVisi()" ng-model="vm.iSIN">
        <label class="" for="">ISIN</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="7" id="geschaeftsart" ng-change="vm.coluVisi()" ng-model="vm.geschaeftsart">
        <label class="" for="">Geschaeftsart</label>
    </div>
    и т.д.

…………… ……………

У меня компонент с HTML связан вот так: (function () { ‘use strict’;

angular .module(‘app’) .component(‘abrechnungen’, { templateUrl: ‘/Scripts/app/abrechnungen/abrechnungen.template.html’, controller: AbrechnungenController, controllerAs: ‘vm’, require: { appCoreCtrl: ‘^^appCore’ } });

AbrechnungenController.$inject = ['$timeout','appDataService', 'DTOptionsBuilder', 'DTColumnDefBuilder', 'DTColumnBuilder', 'dtLanguageDe', '$scope'];

function AbrechnungenController($timeout, appDataService, DTOptionsBuilder, DTColumnDefBuilder, DTColumnBuilder, dtLanguageDe, $scope) {
    var vm = this;
    vm.$onInit = onInit;

    // Variablen
    if (localStorage.getItem('datumVon')) {
        vm.datumVon = localStorage.getItem('datumVon');
    }
    else {
        vm.datumVon = moment().startOf('month').toDate();
    }

    if (localStorage.getItem('datumBis')) {
        vm.datumBis = localStorage.getItem('datumBis')
    }
    else {
        vm.datumBis = moment().toDate();
    }

…….

    // Methoden
    vm.initDtAbrechnungen = initDtAbrechnungen;
    vm.initDateRangePicker = initDateRangePicker;

    vm.getDepotBezeichnungen = getDepotBezeichnungen;
    vm.getPlattforms = getPlattforms;
    vm.getAbrechnungsWaehrungen = getAbrechnungsWaehrungen;

…….

    ///
    /// BODY
    /////////////////////////////////////

    function onInit() {
        vm.initDateRangePicker();
        vm.initDtAbrechnungen();
        vm.getDepotBezeichnungen();
        vm.getPlattforms();
        vm.getAbrechnungsWaehrungen();
    } 


   // и там ниже 

   function coluVisi() {

        // Get the column API object
        var XX = $(this).attr('data-column'); // не правильно!  Но Мне нужно как то получить ХХ
        var col = vm.dtInstance.DataTable.column(XX);

        // Toggle the visibility          
        col.visible(!col.visible());

} И вот функция в AngularJS компоненте, котороя нуждается в значении data-column=«ХХ»:

function coluVisi() {

        // Get the column API object
        var XX = $(this).attr('data-column'); // не правильно!  Но Мне нужно как то получить ХХ
        var col = vm.dtInstance.DataTable.column(XX);

        // Toggle the visibility          
        col.visible(!col.visible());

} Мне нужно как то получить ХХ, я бъюсь уже непозволительное количество часов! Это же скорее всего как-то очень не сложно, но я почему то не могу найти как написать… HELP

 , ,

lego9 ()

Front end

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

https://codepen.io/Anton-fron-end/pen/VwLeQoM

 , , , ,

anton12 ()

Front end

Помогите.Сделал по макету страницу,но при нажатии нав происходит едет по типу кропа.Речь идет о nav. макет тренировочный

.container{ margin-left: 50px; margin-right: 50px; }

/HEADER/

.logo-span{ color: #4BCAFF; } .header-logo{ margin: 65px 0; font-size: 50pt; }

/NAV/

.nav{ background-color: #35444f; text-align: center; height: 84px; } .nav-block{ display: inline-block; padding: 25px 45px;

} .nav-block-contant{ text-decoration: none; color: white; font-size: 24pt; } .nav-block:hover{ background-color: #222f3a; transition: .2s; border: 1px solid white; height: 32px; }

/SIDE NAVIGATION/

.side { margin-top: 50px;

} .side-nav{ border: 1px solid; float: left; width: 350px; } .side-nav-block{ padding: 30px 45px; color: #495863; } .side-nav-block:hover { background-color: #dbdbdb; padding-left: 70px; transition: .3s;

} .side-nav-block-contant{ text-transform: capitalize; text-decoration: none; font-size: 30px; color: #495863; } .side-nav-block-contant:hover{ color: black; }

/Main Contant/

.main{ margin-left: 396px; } .goat{ border: 1px solid; padding: 75px 300px; } .main-contant{ padding-left: 35px; text-align: left; padding-bottom: 35px; font-size: 18pt; } .main-item{ padding-top: 50px; } .main-content{ font-size: 18px; } /FOOTER/

.footer{ background-color: #B4B7BA; margin-bottom: 15px; padding: 19px 0 19px 22px; } .footer-nav{ } .footer-nav-block{ display: inline; } .footer-nav-block-contant{ text-decoration: none; text-transform: capitalize; font-size: 28px; color: black; text-align: center; padding-right: 10px; } .footer-nav-block-contant:hover{ color: #3181A6; text-decoration: underline; transition: .2s; } .copyrighte{ float: right; padding-right: 20px; font-size: 18px; display: inline; padding-top: 5px; }

 , , , ,

anton12 ()

Нужен JavaScript/React developer в Польшу, Гданьск

Orion Alliance B.V. , международная аутсорсинговая IT-компания, приглашает специалистов на позицию JavaScript/React developer в новый офис в Польше, г. Гданьск. Предоставляем услуги разработки ПО и технической поддержки клиентов в банковском и финансовом секторах.

Чем предстоит заниматься: Разработка RIA на NodeJs и React сопровождение существующих UI ExtJS, jQuery командная работа с коллегами (на русском языке) участие в деловой переписке и телефонных конференциях с коллегами из американского офиса компании (на английском языке)

Требования к знаниям и опыту: Уверенные знания ES6, HTML, CSS/LESS Опыт работы с ReactJS, Redux, NodeJS, Webpack Опыт работы с системами контроля версий Владение английским языком на уровне Intermediate и выше

Желательно:

Опыт тестирования кода (TDD, BDD) Знание Java (ExtGWT) Знание ActionScript3, Adobe Flex Знание ExtJS 3

Условия трудоустройства и переезда:

Релокация в Польшу, г. Гданьск спонсирование затрат на переезд (оформление визы для сотрудника и его семьи, билеты, предоставление жилья на 2 недели, помощь в поиске жилья) официальное трудоустройство по полному трудовому договору заработная плата по результатам собеседования от 2000 $ на руки возможность получить вид на жительство в Польше, помощь в оформлении документов гибкий график работы русскоговорящий коллектив офис в новом бизнес-центре Alchemia Building в деловом квартале Гданьска Доступно соискателям с инвалидностью

Ключевые навыки:

Java JavaScript HTML CSS Flex ActionScript React ExtJS Flux

Резюме прошу отправлять на почту: hr@orion-alliance.com

 , , , ,

AndreyKha ()

Чтение пачки локальных html в LineageOS

Вот стянул я из сети интересную книжку в виде пачки слинкованных между собой html-ок. С десктопными браузерами я проблем не испытываю. А вот на аппарате с LinegeOS если я открою встроенным HTML-просмотрщиком, то тот хреново обрабатывает ссылки на другие локальные html-файлы. На более тяжёлых и навороченных браузеров для андроида проблем просто открыть локальный файл.

Может можно переконвертировать эту пачку в нечто читаемое без таких проблем?

 , ,

ados ()