mirror of
https://github.com/RGBCube/serenity
synced 2025-07-26 02:27:43 +00:00
LibWeb: Move editing stuff into EditEventHandler.
This commit is contained in:
parent
82aac98bea
commit
bbcc5a9332
11 changed files with 161 additions and 22 deletions
8
Base/res/html/misc/contenteditable.html
Normal file
8
Base/res/html/misc/contenteditable.html
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
<html contenteditable>
|
||||||
|
<body>
|
||||||
|
<h1>Everything on this page should be editable.</h1>
|
||||||
|
|
||||||
|
<p>Here is a paragraph to play with.</p>
|
||||||
|
<p>Another paragraph with a <b>bold</b> element embeded in it.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -38,6 +38,7 @@ span#loadtime {
|
||||||
<p>This page loaded in <b><span id="loadtime"></span></b> ms</p>
|
<p>This page loaded in <b><span id="loadtime"></span></b> ms</p>
|
||||||
<p>Some small test pages:</p>
|
<p>Some small test pages:</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
<li><a href="contenteditable.html">contenteditable</a></li>
|
||||||
<li><a href="clear-1.html">clearing floats</a></li>
|
<li><a href="clear-1.html">clearing floats</a></li>
|
||||||
<li><a href="float-1.html">floating boxes</a></li>
|
<li><a href="float-1.html">floating boxes</a></li>
|
||||||
<li><a href="padding-inline.html">inline elements with padding</a></li>
|
<li><a href="padding-inline.html">inline elements with padding</a></li>
|
||||||
|
|
|
@ -178,6 +178,7 @@ set(SOURCES
|
||||||
Namespace.cpp
|
Namespace.cpp
|
||||||
OutOfProcessWebView.cpp
|
OutOfProcessWebView.cpp
|
||||||
Page/EventHandler.cpp
|
Page/EventHandler.cpp
|
||||||
|
Page/EditEventHandler.cpp
|
||||||
Page/Frame.cpp
|
Page/Frame.cpp
|
||||||
Page/Page.cpp
|
Page/Page.cpp
|
||||||
Painting/BorderPainting.cpp
|
Painting/BorderPainting.cpp
|
||||||
|
|
|
@ -27,6 +27,7 @@
|
||||||
#pragma once
|
#pragma once
|
||||||
|
|
||||||
#include <AK/RefPtr.h>
|
#include <AK/RefPtr.h>
|
||||||
|
#include <LibWeb/DOM/Node.h>
|
||||||
#include <LibWeb/Forward.h>
|
#include <LibWeb/Forward.h>
|
||||||
|
|
||||||
namespace Web::DOM {
|
namespace Web::DOM {
|
||||||
|
@ -44,6 +45,7 @@ public:
|
||||||
const Node* node() const { return m_node; }
|
const Node* node() const { return m_node; }
|
||||||
|
|
||||||
unsigned offset() const { return m_offset; }
|
unsigned offset() const { return m_offset; }
|
||||||
|
void set_offset(unsigned value) { m_offset = value; }
|
||||||
|
|
||||||
bool operator==(const Position& other) const
|
bool operator==(const Position& other) const
|
||||||
{
|
{
|
||||||
|
|
|
@ -167,6 +167,7 @@ class ReplacedBox;
|
||||||
|
|
||||||
namespace Web {
|
namespace Web {
|
||||||
class EventHandler;
|
class EventHandler;
|
||||||
|
class EditEventHandler;
|
||||||
class Frame;
|
class Frame;
|
||||||
class FrameLoader;
|
class FrameLoader;
|
||||||
class InProcessWebView;
|
class InProcessWebView;
|
||||||
|
|
|
@ -24,11 +24,21 @@
|
||||||
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
#include <LibWeb/DOM/Position.h>
|
||||||
#include <LibWeb/Layout/LayoutPosition.h>
|
#include <LibWeb/Layout/LayoutPosition.h>
|
||||||
#include <LibWeb/Layout/Node.h>
|
#include <LibWeb/Layout/Node.h>
|
||||||
|
|
||||||
namespace Web::Layout {
|
namespace Web::Layout {
|
||||||
|
|
||||||
|
DOM::Position LayoutPosition::to_dom_position() const
|
||||||
|
{
|
||||||
|
if (!layout_node)
|
||||||
|
return {};
|
||||||
|
|
||||||
|
// FIXME: Verify that there are no shenanigans going on.
|
||||||
|
return { const_cast<DOM::Node&>(*layout_node->dom_node()), (unsigned)index_in_node };
|
||||||
|
}
|
||||||
|
|
||||||
LayoutRange LayoutRange::normalized() const
|
LayoutRange LayoutRange::normalized() const
|
||||||
{
|
{
|
||||||
if (!is_valid())
|
if (!is_valid())
|
||||||
|
|
|
@ -27,6 +27,8 @@
|
||||||
#pragma once
|
#pragma once
|
||||||
|
|
||||||
#include <AK/RefPtr.h>
|
#include <AK/RefPtr.h>
|
||||||
|
#include <LibWeb/Forward.h>
|
||||||
|
#include <LibWeb/Layout/Node.h>
|
||||||
|
|
||||||
namespace Web::Layout {
|
namespace Web::Layout {
|
||||||
|
|
||||||
|
@ -35,6 +37,8 @@ class Node;
|
||||||
struct LayoutPosition {
|
struct LayoutPosition {
|
||||||
RefPtr<Node> layout_node;
|
RefPtr<Node> layout_node;
|
||||||
int index_in_node { 0 };
|
int index_in_node { 0 };
|
||||||
|
|
||||||
|
DOM::Position to_dom_position() const;
|
||||||
};
|
};
|
||||||
|
|
||||||
class LayoutRange {
|
class LayoutRange {
|
||||||
|
@ -58,7 +62,9 @@ public:
|
||||||
void set_end(const LayoutPosition& end) { m_end = end; }
|
void set_end(const LayoutPosition& end) { m_end = end; }
|
||||||
|
|
||||||
const LayoutPosition& start() const { return m_start; }
|
const LayoutPosition& start() const { return m_start; }
|
||||||
|
LayoutPosition& start() { return m_start; }
|
||||||
const LayoutPosition& end() const { return m_end; }
|
const LayoutPosition& end() const { return m_end; }
|
||||||
|
LayoutPosition& end() { return m_end; }
|
||||||
|
|
||||||
LayoutRange normalized() const;
|
LayoutRange normalized() const;
|
||||||
|
|
||||||
|
|
71
Libraries/LibWeb/Page/EditEventHandler.cpp
Normal file
71
Libraries/LibWeb/Page/EditEventHandler.cpp
Normal file
|
@ -0,0 +1,71 @@
|
||||||
|
/*
|
||||||
|
* Copyright (c) 2020, the SerenityOS developers.
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* Redistribution and use in source and binary forms, with or without
|
||||||
|
* modification, are permitted provided that the following conditions are met:
|
||||||
|
*
|
||||||
|
* 1. Redistributions of source code must retain the above copyright notice, this
|
||||||
|
* list of conditions and the following disclaimer.
|
||||||
|
*
|
||||||
|
* 2. Redistributions in binary form must reproduce the above copyright notice,
|
||||||
|
* this list of conditions and the following disclaimer in the documentation
|
||||||
|
* and/or other materials provided with the distribution.
|
||||||
|
*
|
||||||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
||||||
|
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||||||
|
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||||
|
* DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
||||||
|
* FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
||||||
|
* DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
||||||
|
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
||||||
|
* CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
||||||
|
* OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||||
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
#include <AK/StringBuilder.h>
|
||||||
|
#include <LibWeb/DOM/Position.h>
|
||||||
|
#include <LibWeb/DOM/Text.h>
|
||||||
|
#include <LibWeb/Layout/LayoutPosition.h>
|
||||||
|
#include <LibWeb/Page/Frame.h>
|
||||||
|
|
||||||
|
#include "EditEventHandler.h"
|
||||||
|
|
||||||
|
namespace Web {
|
||||||
|
|
||||||
|
void EditEventHandler::handle_delete(DOM::Position position)
|
||||||
|
{
|
||||||
|
if (position.offset() == 0)
|
||||||
|
TODO();
|
||||||
|
|
||||||
|
if (is<DOM::Text>(*position.node())) {
|
||||||
|
auto& node = downcast<DOM::Text>(*position.node());
|
||||||
|
StringBuilder builder;
|
||||||
|
builder.append(node.data().substring_view(0, position.offset() - 1));
|
||||||
|
builder.append(node.data().substring_view(position.offset()));
|
||||||
|
node.set_data(builder.to_string());
|
||||||
|
|
||||||
|
m_frame.cursor_position().set_offset(m_frame.cursor_position().offset() - 1);
|
||||||
|
node.invalidate_style();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void EditEventHandler::handle_insert(DOM::Position position, u32 code_point)
|
||||||
|
{
|
||||||
|
// FIXME: Unicode fiasco.
|
||||||
|
|
||||||
|
if (is<DOM::Text>(*position.node())) {
|
||||||
|
auto& node = downcast<DOM::Text>(*position.node());
|
||||||
|
StringBuilder builder;
|
||||||
|
builder.append(node.data().substring_view(0, position.offset()));
|
||||||
|
builder.append_code_point(code_point);
|
||||||
|
builder.append(node.data().substring_view(position.offset()));
|
||||||
|
node.set_data(builder.to_string());
|
||||||
|
|
||||||
|
m_frame.cursor_position().set_offset(m_frame.cursor_position().offset() + 1);
|
||||||
|
node.invalidate_style();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
49
Libraries/LibWeb/Page/EditEventHandler.h
Normal file
49
Libraries/LibWeb/Page/EditEventHandler.h
Normal file
|
@ -0,0 +1,49 @@
|
||||||
|
/*
|
||||||
|
* Copyright (c) 2020, the SerenityOS developers.
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* Redistribution and use in source and binary forms, with or without
|
||||||
|
* modification, are permitted provided that the following conditions are met:
|
||||||
|
*
|
||||||
|
* 1. Redistributions of source code must retain the above copyright notice, this
|
||||||
|
* list of conditions and the following disclaimer.
|
||||||
|
*
|
||||||
|
* 2. Redistributions in binary form must reproduce the above copyright notice,
|
||||||
|
* this list of conditions and the following disclaimer in the documentation
|
||||||
|
* and/or other materials provided with the distribution.
|
||||||
|
*
|
||||||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
||||||
|
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||||||
|
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||||
|
* DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
||||||
|
* FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
||||||
|
* DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
||||||
|
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
||||||
|
* CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
||||||
|
* OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||||
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
#pragma once
|
||||||
|
|
||||||
|
#include <LibWeb/Forward.h>
|
||||||
|
|
||||||
|
namespace Web {
|
||||||
|
|
||||||
|
class EditEventHandler {
|
||||||
|
public:
|
||||||
|
explicit EditEventHandler(Frame& frame)
|
||||||
|
: m_frame(frame)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
virtual ~EditEventHandler() = default;
|
||||||
|
|
||||||
|
virtual void handle_delete(DOM::Position);
|
||||||
|
virtual void handle_insert(DOM::Position, u32 code_point);
|
||||||
|
|
||||||
|
private:
|
||||||
|
Frame& m_frame;
|
||||||
|
};
|
||||||
|
|
||||||
|
}
|
|
@ -52,6 +52,7 @@ static Gfx::IntPoint compute_mouse_event_offset(const Gfx::IntPoint& position, c
|
||||||
|
|
||||||
EventHandler::EventHandler(Badge<Frame>, Frame& frame)
|
EventHandler::EventHandler(Badge<Frame>, Frame& frame)
|
||||||
: m_frame(frame)
|
: m_frame(frame)
|
||||||
|
, m_edit_event_handler(make<EditEventHandler>(frame))
|
||||||
{
|
{
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -344,34 +345,18 @@ bool EventHandler::handle_keydown(KeyCode key, unsigned modifiers, u32 code_poin
|
||||||
return focus_next_element();
|
return focus_next_element();
|
||||||
}
|
}
|
||||||
|
|
||||||
if (m_frame.cursor_position().node() && m_frame.cursor_position().node()->is_editable()) {
|
if (m_frame.cursor_position().is_valid() && m_frame.cursor_position().node()->is_editable()) {
|
||||||
// FIXME: Support backspacing across DOM node boundaries.
|
if (key == KeyCode::Key_Backspace) {
|
||||||
if (key == KeyCode::Key_Backspace && m_frame.cursor_position().offset() > 0) {
|
m_edit_event_handler->handle_delete(m_frame.cursor_position());
|
||||||
auto& text_node = downcast<DOM::Text>(*m_frame.cursor_position().node());
|
|
||||||
StringBuilder builder;
|
|
||||||
builder.append(text_node.data().substring_view(0, m_frame.cursor_position().offset() - 1));
|
|
||||||
builder.append(text_node.data().substring_view(m_frame.cursor_position().offset(), text_node.data().length() - m_frame.cursor_position().offset()));
|
|
||||||
text_node.set_data(builder.to_string());
|
|
||||||
m_frame.set_cursor_position({ *m_frame.cursor_position().node(), m_frame.cursor_position().offset() - 1 });
|
|
||||||
// FIXME: This should definitely use incremental layout invalidation instead!
|
|
||||||
text_node.document().force_layout();
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (code_point && m_frame.cursor_position().is_valid() && is<DOM::Text>(*m_frame.cursor_position().node())) {
|
if (code_point) {
|
||||||
auto& text_node = downcast<DOM::Text>(*m_frame.cursor_position().node());
|
m_edit_event_handler->handle_insert(m_frame.cursor_position(), code_point);
|
||||||
StringBuilder builder;
|
|
||||||
builder.append(text_node.data().substring_view(0, m_frame.cursor_position().offset()));
|
|
||||||
builder.append_code_point(code_point);
|
|
||||||
builder.append(text_node.data().substring_view(m_frame.cursor_position().offset(), text_node.data().length() - m_frame.cursor_position().offset()));
|
|
||||||
text_node.set_data(builder.to_string());
|
|
||||||
// FIXME: This will advance the cursor incorrectly when inserting multiple whitespaces (DOM vs layout whitespace collapse difference.)
|
|
||||||
m_frame.set_cursor_position({ *m_frame.cursor_position().node(), m_frame.cursor_position().offset() + 1 });
|
|
||||||
// FIXME: This should definitely use incremental layout invalidation instead!
|
|
||||||
text_node.document().force_layout();
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -32,6 +32,7 @@
|
||||||
#include <LibGUI/Forward.h>
|
#include <LibGUI/Forward.h>
|
||||||
#include <LibGfx/Forward.h>
|
#include <LibGfx/Forward.h>
|
||||||
#include <LibWeb/Forward.h>
|
#include <LibWeb/Forward.h>
|
||||||
|
#include <LibWeb/Page/EditEventHandler.h>
|
||||||
|
|
||||||
namespace Web {
|
namespace Web {
|
||||||
|
|
||||||
|
@ -50,6 +51,8 @@ public:
|
||||||
|
|
||||||
void set_mouse_event_tracking_layout_node(Layout::Node*);
|
void set_mouse_event_tracking_layout_node(Layout::Node*);
|
||||||
|
|
||||||
|
void set_edit_event_handler(NonnullOwnPtr<EditEventHandler> value) { m_edit_event_handler = move(value); }
|
||||||
|
|
||||||
private:
|
private:
|
||||||
bool focus_next_element();
|
bool focus_next_element();
|
||||||
bool focus_previous_element();
|
bool focus_previous_element();
|
||||||
|
@ -64,6 +67,8 @@ private:
|
||||||
bool m_in_mouse_selection { false };
|
bool m_in_mouse_selection { false };
|
||||||
|
|
||||||
WeakPtr<Layout::Node> m_mouse_event_tracking_layout_node;
|
WeakPtr<Layout::Node> m_mouse_event_tracking_layout_node;
|
||||||
|
|
||||||
|
NonnullOwnPtr<EditEventHandler> m_edit_event_handler;
|
||||||
};
|
};
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue