mstdmstd

Пользователь
  • Публикации

    190
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О mstdmstd

  • Звание
    Участник

Информация

  • Пол
    не скажу
  1. Tiny MCE редактор и markdown-код

    Всем привет, В Framework 5.5.3/jquery/bootstrap приложении есть редактор содержимого(статьи и темплейты мейлов), где подключается CK Editor или Tiny MCE редакторы в зависимости от настроек Понадобилось реализовать поддержку markdown Погуглив я нашел плагин https://www.tinymce.com/docs/plugins/textpattern/ Я его подключил( отключив все остальные настройки - сделал как в описании ) Посмотреть можно тут http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/admin/cms-item/edit?id=98 Но введя небольшой кусок markdown-кода : An h1 header ============ Paragraphs are separated by a blank line. 2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists look like: * this one * that one * the other one И сохранив редактор в переоткрывшейся странице в tiny-редакторе я вижу что код введен одной строкой и редактировать его довольно неудобно. 1) Я чего-то недоставил ? 2) Или сохряняя нужно символ перевода строки менять на <br>? 3) Или если текст markdown, то выводить обычный textarea ? 4) Как-то иначе ? Спасибо!
  2. Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!
  3. ошибки в editor.swagger.io

    Подскажите, пытаюсь в http://editor.swagger.io написать описание GET - запроса с необязательным параметром department_id swagger: "2.0" info: description: "This is a sample server Petstore server. You can find out more about Swagger at [http://swagger.io](http://swagger.io) or on [irc.freenode.net, #swagger](http://swagger.io/irc/). For this sample, you can use the api key `special-key` to test the authorization filters." version: "1.0.0" title: "Clients demo" termsOfService: "http://swagger.io/terms/" contact: email: "apiteam@swagger.io" license: name: "Apache 2.0" url: "http://www.apache.org/licenses/LICENSE-2.0.html" host: "ec2-34-212-140-26.us-west-2.compute.amazonaws.com" basePath: "/v1" tags: - name: "client" description: "Everything about your Clients demo" externalDocs: description: "Find out more" url: "http://swagger.io" - name: "department" description: "Access to departments of Clients demo" externalDocs: description: "Find out more about our store" url: "http://swagger.io" schemes: - "http" paths: /department/{department_id}: get: tags: - "department" summary: "Finds departments by department_id or by filters" description: "Multiple status values can be provided with comma separated strings" operationId: "findPetsByStatus" produces: - "application/xml" - "application/json" parameters: - name: "department_id" in: "path" description: "ID of department that needs to be retrieved" type: "integer" format: "int64" responses: 200: description: "successful operation" schema: type: "array" items: $ref: "#/definitions/Department" 400: description: "Invalid status value" #security: #- petstore_auth: # - "write:pets" # - "read:pets" post: tags: - "department" summary: "Add a new department to the Clients demo" description: "Department object( `department_id` INT(11) - required, `name` VARCHAR(50) - required, `is_active` TINYINT(1) - (0/1) - required, `created_at` - autogenerated, ) that needs to be added to the Clients Demo" operationId: "addDepartment" consumes: - "application/json" - "application/xml" produces: - "application/xml" - "application/json" parameters: - in: "body" name: "body" description: "" required: true schema: $ref: "#/definitions/Department" responses: 405: description: "Invalid input" # security: # - petstore_auth: # - "write:pets" # - "read:pets" definitions: Department: type: "object" properties: department_id: type: "integer" format: "int64" name: type: "string" is_active: type: "integer" description: "Order Status" enum: - 0 - 1 created_at: type: "string" default: false xml: name: "Order" и получаю ошибкиprintscreen: А как правильно? Спасибо !
  4. Ищу аналог deviceponsive.com

    У меня в Chromium 58.0.3029.96 Built on Ubuntu , есть такие средства https://imgur.com/a/ggTUE Вы их имеете в виду или есть что-то еще ?
  5. Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!
  6. Всем привет, Откройте пожалуйста link (там логин уже введен на странице логина) то на 1й(дефолтовой закладке) Кликнув мышкой на кноке машины( справа от лейбла "Shipping") открывается модальное окно и успешно завкрывается если нажать на кнопку Cancel Но если открыть модальное окно выше рядом с лейблом “Category(ies)” и в открывшемся модальном окне нажать на кнопку Cancel то в консоле выскакивает ошибка bootstrap.min.js:6 Uncaught Error: Modal is transitioning Модальные окна имеют схожую структуру и вызываются аналогично : backendProduct.prototype.loadProductShipping = function () { var href = this_backend_home_url+"/admin/product/load_product_shipping?product_id="+this_id; $.ajax({ url: href, type: 'GET', dataType: 'json', success: function(result) { // alert( "loadProductShipping result::"+var_dump(result) ) if (result.error_code == 0) { $("#product_shipping_shipping_class_id").val( result.productShipping.shipping_class_id ) $("#product_shipping_weight").val( result.productShipping.weight ) $("#product_shipping_length").val( result.productShipping.length ) $("#product_shipping_width").val( result.productShipping.width ) $("#product_shipping_height").val( result.productShipping.height ) $("#div_product_shipping").modal({ "backdrop": "static", "keyboard": true, "show": true }); // alert( "$(#product_shipping_shipping_class_id).val()::"+$("#product_shipping_shipping_class_id").val() ) $("#product_shipping_shipping_class_id").focus() } if (result.error_code > 0) { alertMsg( result.error_message, 'Loading error!', 'OK', 'glyphicon glyphicon-remove' ) } } }); } и : backendProduct.prototype.loadProductCategories = function () { var href = this_backend_home_url+"/admin/product/load_product_related_categories?product_id="+this_id; // backendProduct.switchProductRelatedCategoriesLoader(false) $.ajax({ timeout: 10000, async :false, url: href, type: 'GET', dataType: 'json', success: function(result) { // alert( "loadProductCategories result::"+var_dump(result) ) if (result.error_code == 0) { // backendProduct.switchProductRelatedCategoriesLoader(true) $("#div_product_related_categories_list").html(result.html) $("#div_product_related_categories").modal({ "backdrop": "static", "keyboard": true, "show": true }); // $('#multi_categories_list').multiSelect( { // multiple: false, // header: "Type", // noneSelectedText: "Type", // selectedList: 1 // } ); // $("#multi_categories_list").multiSelect('refresh'); // $("#multi_categories_list").focus() // // var deviceParams= effectiveDeviceWidth() // // alert( "deviceParams::"+var_dump(deviceParams) ) // if ( parseInt(deviceParams.width) <= 600 ) { // $("#ms-multi_categories_list").css('width', deviceParams.width - 30); // } else { // $("#ms-multi_categories_list").css('width', deviceParams.width - 60); // } } } }); В чем разница и как побороть ошмибку? Спасибо!
  7. Реализация баттона с чекбоксом в Bootstrap 4

    https://jsfiddle.net/4hg9gqg3/2/
  8. Реализация баттона с чекбоксом в Bootstrap 4

    По-прежнему ищу решение Я переделал пример с тем чтобы в зависимости от параметры убирать div вокруг чекбокса @if( !empty($debug) and $debug == 9 ) <div data-toggle="buttons" class=" "> @endif <label class="btn btn-primary btn-sm padding_sm checked"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" checked> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> @if( !empty($debug) and $debug == 9 ) </div> @endif <hr> <hr> @if( !empty($debug) and $debug == 9 ) <div data-toggle="buttons" class=" "> @endif <label class="btn btn-primary btn-sm padding_sm"> <input class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" > <span class="fa fa-check" aria-hidden="true"></span>Clear </label> @if( !empty($debug) and $debug == 9 ) </div> @endif link1 переключатель чекбокс работает но оригинальный чекбокс виден и link2 переключатель чекбокс не работает но оригинальный чекбокс не виден как исправить ? Спасибо!
  9. Реализация баттона с чекбоксом в Bootstrap 4

    Я пытался следовать Вашим срветам но выяснил что и в моем первоначальном случае и в вашем надо было убрать обертку toggle="buttons" Я вывожу 2 кнопки {{--<div data-toggle="buttons" class=" ">--}} <label class="btn btn-primary btn-sm padding_sm"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> {{--</div>--}} <hr> <hr> {{--<div data-toggle="buttons" class=" ">--}} <label class="btn btn-primary btn-sm padding_sm"> <input class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> {{--</div>--}} <hr> Со стилями .form-control .__checkbox + .fa-check{ visibility: hidden; } .form-control .__checkbox:checked + .fa-check{ visibility: visible; } input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !important; margin: 0 !important; background-color: red !important; } input:not(:checked) + .fa-check { visibility: hidden !important; } И теперь чекбокс переключается но осталось убрать оригинальный чекбокс который прячется с оберткой toggle="buttons"... А как это совместить ?
  10. Реализация баттона с чекбоксом в Bootstrap 4

    Спасибо, вижу разные классы: Я переделал fa-check и в коде и в стилях: <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> </div> app.css: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !important; margin: 0 !important; background-color: red !important; } input:not(:checked) + .fa-check { visibility: hidden !important; } Но по-прежнему не работает.Я еще что-то упустил?
  11. Реализация баттона с чекбоксом в Bootstrap 4

    Выложил старый проект, откуда и был взят этот код и где работает войти на login с логином demo@com.ua / 111111 Потом перейти на page рядом с картинкой есть чекбокс для пометки “Clear” Я что-то упустил при переносе на 4й или там какие-то нюансы дополнительно?
  12. Реализация баттона с чекбоксом в Bootstrap 4

    В 3-ем галочка устанавливалась и убиралась ...
  13. Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !important; margin: 0 !important; background-color: red !important; } input:not(:checked) + .fa-check { visibility: hidden !important; } Чекбокс отображается но не переключается... Или в 4 надо как-то иначе? Спасибо!
  14. Как в materializecss добавить вроде доп текста

    Ну я походил по страницам materializecss - и там реализации доп текста как мне нужно не нашел. поэтому и спросил может кто делал или видел похожее... PS. Поделитесь ссылками на снипетсы/расширения с materializecss кроме http://materializecss.com/...
  15. Всем привет, Обычное поле с лейблом в materializecss выглядит как : <div class="row"> <div class="input-field col s12"> <input id="email" class="validate" type="email"> <label for="email" data-error="wrong" data-success="right" class="">Email</label> </div> </div> Подскажите, как можно добавить ниже инпута что-то вроде доп текста: <p class="help-block">Name of Attribute. Must be unique in system.</p> Чтобы было красиво и в стиле materializecss ? Спасибо !