V13/feature/blocks in rte (#15029)

* insert umb rte block web component in rte

* First stab at moving the RTE markup to a nested "markup" property in the property value.

* initial work

* only rewrite markup

* transform RTE into component

* parse scope in grid.rte

* revert use a fallback instead

* block insertion and sync in place

* block picker partly impl

* remove test of old controller

* remove test of old controller

* block with block data

* proper block with api connection

* remove log

* styling

* Persist blocks data (still a temporary solution)

* styling allows for interaction

* block actions

* tinyMCE styling

* paste feature

* prevalue display Inline toggle

* inline mode in RTE

* todo note

* fixes wording

* preparation for editor communication

* remove val-server-match for now

* clean up blocks that does not belong in markup

* remove blocks not used in the markup

* liveEditing

* displayAsBlock formatting

* clean up

* TODO note

* Serverside handling for RTE blocks (incl. refactor of Block List and Block Grid)

* ensure rich text loads after block editor

* trigger resize on block init

* Handle RTE blocks output in Delivery API

* sanitize ng classes

* simplify calls to init blocks

* move sanitisation

* make validation work

* only warn when missing one

* clean up

* remove validation border as it does not work

* more clean up

* add unsupported block entry editor

* Revert breaking functionality for Block List and Grid

* prevent re-inits of blocks

* make sure delete blocks triggers an update

* Refactor RichTextPropertyIndexValueFactory to index values from blocks + clean up RichTextPropertyEditor dependencies

* first working cursor solution

* inline element approach

* Handle both inline and block level blocks

* Fix the RTE block parser regex so it handles multiple inline blocks.

* Fix reference and tags tracking, add tests, make the editor backwards compatible and make deploy happy

* Use RichTextPropertyEditorHelper serialization in tests

* Ensure correct model in Block Grid value converter (incl unit test to prove it)

* do not include umbblockpicker in grid

* make blocks the new default, instead of macros

* only send value of body from DOMParser

* Blocks of deleted ElementTypes shows unsupported

* do not edit a unsupported block

* remove trying to be smart on the init

* fix missing culture issue

* set dirty

* alert when no blocks

* Revert "make blocks the new default, instead of macros"

This reverts commit 283e8aa473fdfde075197d34aa47e35dfc64a8ae.

---------

Co-authored-by: kjac <kja@umbraco.dk>
This commit is contained in:
Niels Lyngsø
2023-10-31 12:52:35 +01:00
committed by GitHub
parent d08d141bcf
commit ae84d324ab
71 changed files with 4945 additions and 694 deletions

View File

@@ -0,0 +1,40 @@
using Microsoft.Extensions.Logging;
using Umbraco.Cms.Core.Models.Blocks;
using Umbraco.Cms.Core.Serialization;
using Umbraco.Cms.Core.Services;
namespace Umbraco.Cms.Core.PropertyEditors;
internal class RichTextEditorBlockValidator : BlockEditorValidatorBase
{
private readonly BlockEditorValues _blockEditorValues;
private readonly IJsonSerializer _jsonSerializer;
private readonly ILogger _logger;
public RichTextEditorBlockValidator(
IPropertyValidationService propertyValidationService,
BlockEditorValues blockEditorValues,
IContentTypeService contentTypeService,
IJsonSerializer jsonSerializer,
ILogger logger)
: base(propertyValidationService, contentTypeService)
{
_blockEditorValues = blockEditorValues;
_jsonSerializer = jsonSerializer;
_logger = logger;
}
protected override IEnumerable<ElementTypeValidationModel> GetElementTypeValidation(object? value)
{
RichTextPropertyEditorHelper.TryParseRichTextEditorValue(value, _jsonSerializer, _logger, out RichTextEditorValue? richTextEditorValue);
if (richTextEditorValue?.Blocks is null)
{
return Array.Empty<ElementTypeValidationModel>();
}
BlockEditorData? blockEditorData = _blockEditorValues.ConvertAndClean(richTextEditorValue.Blocks);
return blockEditorData is not null
? GetBlockEditorDataValidation(blockEditorData)
: Array.Empty<ElementTypeValidationModel>();
}
}